hamelndigital

design

Menu

Menu

Dropdown menus on Base UI's Menu: full keyboard navigation, typeahead, groups, separators, and a danger variant for destructive items.

Actions menu

Usage

<Menu>
  <MenuTrigger render={<Button variant="secondary" />}>
    Actions
  </MenuTrigger>
  <MenuContent>
    <MenuGroup>
      <MenuGroupLabel>Project</MenuGroupLabel>
      <MenuItem>Rename</MenuItem>
      <MenuItem disabled>Share (soon)</MenuItem>
    </MenuGroup>
    <MenuSeparator />
    <MenuItem variant="danger">Delete project</MenuItem>
  </MenuContent>
</Menu>