{{ pageTitle }} {{ pageSubtitle }}

{{ overviewIntro }}

{{ i18n.t.common.sectionDescription }}

{{ descriptionBody }}

{{ i18n.t.common.sectionFeatures }}
  • {{ item }}
{{ i18n.t.common.sectionLimitations }}
  • {{ item }}
{{ defaultTitle }}

{{ defaultBody }}

{{ manualTitle }}

{{ manualBody }}

{{ insideTitle }}

{{ insideBody }}

{{ containerBodyTitle }}

{{ containerBodyText }}

{{ dropupTitle }}

{{ dropupBody }}

{{ navbarTitle }}

{{ navbarBody }}

{{ currentStateTitle }}
{{ dropdownState }}

{{ apiIntro }}

  • {{ item }}
<div liDropdown>
  <button liDropdownToggle>Actions</button>
  <div liDropdownMenu>
    <button liDropdownItem>View details</button>
    <button liDropdownItem>Archive</button>
  </div>
</div>
<div liDropdown autoClose="inside" container="body">
  <button liDropdownToggle>Open on body</button>
  <div liDropdownMenu>
    <button liDropdownItem>Item 1</button>
    <button liDropdownItem [disabled]="true">Disabled</button>
  </div>
</div>
<div liDropdown #drop="liDropdown" [autoClose]="false">
  <button liDropdownAnchor>Anchor only</button>
  <button type="button" (click)="drop.toggle()">Toggle by API</button>
  <div liDropdownMenu>
    <button liDropdownItem (click)="drop.close()">Close</button>
  </div>
</div>