Components
Dropdown Menu
Displays a menu to the user—such as a set of actions or functions—triggered by a button.
Usage
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
} from "@murasakijs/ui";<DropdownMenu>
<DropdownMenuTrigger>Open</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem>Profile</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>API Reference
Subcomponents
| Component | Description |
|---|---|
DropdownMenu | The root primitive. |
DropdownMenuTrigger | The element that opens the menu. Supports asChild. |
DropdownMenuContent | The menu popup. Accepts sideOffset (default 4). |
DropdownMenuItem | A selectable item. Accepts inset to indent it (align with items that have an icon/indicator). |
DropdownMenuCheckboxItem | An item with a checkbox indicator. Accepts checked. |
DropdownMenuRadioGroup / DropdownMenuRadioItem | A mutually-exclusive group of items with a radio indicator. |
DropdownMenuLabel | A non-interactive heading. Accepts inset. |
DropdownMenuSeparator | A visual divider between items or groups. |
DropdownMenuShortcut | Right-aligned muted text for a keyboard shortcut hint. |
DropdownMenuGroup | Groups related items together. |
DropdownMenuSub / DropdownMenuSubTrigger / DropdownMenuSubContent | A nested submenu. |
DropdownMenuPortal | Portals content into document.body. Used internally by DropdownMenuContent. |
Menu focus, typeahead, keyboard navigation, and overlay positioning are provided by React Aria Components.