Dropdown

A layered menu surface for grouped actions and navigation. Uses Floating UI positioning, supports nested submenus, and accepts custom trigger content via slot.

<diwa-dropdown placement="bottom-start" strategy="fixed" close-on-select offset-px="6" trigger-label="Actions" trigger-variant="secondary" trigger-size="sm" trigger-icon="none">
  <button role="menuitem" type="button" data-dropdown-value="edit">Edit</button>
  <button role="menuitem" type="button" data-dropdown-value="duplicate">Duplicate</button>
  <div data-dropdown-separator="true"></div>
  <button role="menuitem" type="button" data-dropdown-value="archive">Archive</button>
</diwa-dropdown>