# UIB AccordionModule

## Prequisites

Add the `AccordionModule` module to your module imports:

```TS
import { AccordionModule } from '@uib/angular/components/accordion';

@NgModule({
  imports: [
    // ...
    AccordionModule,
    // ...
  ],
})
// ...
```

## UibAccordion

### Examples

```HTML
<uib-accordion multiple>
  <uib-accordion-section title="Section title as <b>string</b>">
    <div class="uib-accordion__paragraph">
      <p class="uib-accordion__title">Lorem ipsum</p>
      <p class="uib-accordion__text">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
        nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat. Ut wisi enim ad minim, isi enim ad minim veniam
      </p>
    </div>
  </uib-accordion-section>
  <uib-accordion-section>
    <ng-template uibAccordionSectionTitle>
      Section title as  <strong>ng-template</strong>
    </ng-template>
    <div class="uib-accordion__paragraph">
      <p class="uib-accordion__title">Lorem ipsum</p>
      <p class="uib-accordion__text">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
        nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat. Ut wisi enim ad minim, isi enim ad minim veniam
      </p>
    </div>
  </uib-accordion-section>
  <uib-accordion-section>
    <div *uibAccordionSectionTitle>
      Section title using <b>directive</b>
    </div>
    <div class="uib-accordion__paragraph">
      <p class="uib-accordion__title">Lorem ipsum</p>
      <p class="uib-accordion__text">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
        nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat. Ut wisi enim ad minim, isi enim ad minim veniam
      </p>
    </div>
  </uib-accordion-section>
</uib-accordion>
```