Components Dropdown

Dropdown


Default dropdown

html
typescript
<button
  flowbiteButton
  [ngpMenuTrigger]="dropdownMenu"
  class="data-open:*:[flowbite-icon]:rotate-180">
  Dropdown button
  <flowbite-icon
    name="chevronDown"
    class="ml-2 size-4 stroke-2 transition-transform duration-150 ease-in-out" />
</button>

<ng-template #dropdownMenu>
  <div flowbiteDropdown>
    <ul flowbiteDropdownContent>
      <li flowbiteDropdownItem>Dashboard</li>
      <li flowbiteDropdownItem>Settings</li>
      <li flowbiteDropdownItem>Earnings</li>
      <li flowbiteDropdownItem>Sign out</li>
    </ul>
  </div>
</ng-template>
Flowbite Logo Flowbite

© 2019-2025 Flowbite™ is a registered trademark. All Rights Reserved.