Function Dropdown

Button-triggered menu following the WAI-ARIA menu-button pattern. Compose with <DropdownTrigger>, <DropdownMenu>, <DropdownItem>, <DropdownGroup>, and <DropdownSeparator>. The menu renders as a native popover the trigger opens through popovertarget, so it works before hydration; the enhancer adds keyboard navigation, typeahead, checkable items, and focus return. Open state works uncontrolled or controlled.

<Dropdown onSelect={(value) => run(value)}>
  <DropdownTrigger>Actions</DropdownTrigger>
  <DropdownMenu>
    <DropdownItem value="edit">Edit</DropdownItem>
    <DropdownSeparator />
    <DropdownItem value="delete">Delete</DropdownItem>
  </DropdownMenu>
</Dropdown>
Copy