{{ t.pages.accordion.featureOne }}
{{ t.pages.accordion.featureTwo }}
{{ t.pages.accordion.featureThree }}

{{ t.pages.accordion.limitOne }}
{{ t.pages.accordion.limitTwo }}
{{ t.pages.accordion.limitThree }}

{{ accordionEventLog.isEmpty ? initialAccordionEventLog : accordionEventLog }}

{{ t.pages.accordion.declarativeCustomHeader }} directive

{{ declarativeAccordionEventLog.isEmpty ? t.pages.accordion.declarativeIdle : declarativeAccordionEventLog }}

{{ t.pages.accordion.apiOne }}
{{ t.pages.accordion.apiTwo }}
{{ t.pages.accordion.apiThree }}
{{ t.pages.accordion.apiFour }}
{{ t.pages.accordion.apiFive }}

<li-accordion [allowMultipleOpen]="true">
  <li-accordion-item
    [header]="'Título'"
    [expanded]="true"
    (expandedChange)="onChange($event)">
  </li-accordion-item>
</li-accordion>

<div liAccordion [closeOthers]="true" [destroyOnHide]="true" #accordion="liAccordion">
  <div liAccordionItem="first" #first="liAccordionItem" [collapsed]="false">
    <h2 liAccordionHeader>
      <button liAccordionButton>Primeiro</button>
    </h2>
    <div liAccordionCollapse>
      <template liAccordionBody>
        <div liAccordionBody>Conteúdo do primeiro item</div>
      </template>
    </div>
  </div>
</div>

<div [liCollapse]="isCollapsed">
  <div class="border rounded p-3">Conteúdo colapsável</div>
</div>

{{ t.pages.accordion.title }} {{ t.pages.accordion.subtitle }}

{{ t.common.sectionDescription }}

{{ t.common.sectionFeatures }}

{{ t.common.sectionLimitations }}

{{ t.pages.accordion.directiveApiTitle }}

{{ t.pages.accordion.collapseTitle }}