Skip to content
Spira
Overlays

Menu

Dropdown menus with groups and separators.

Dropdown menu

Items, separators and a danger variant.

import { Button, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger } from "@/components/ui";

<Menu>
  <MenuTrigger render={<Button variant="outline">Options</Button>} />
  <MenuContent>
    <MenuItem>Edit</MenuItem>
    <MenuItem>Duplicate</MenuItem>
    <MenuSeparator />
    <MenuItem variant="danger">Delete</MenuItem>
  </MenuContent>
</Menu>