Dropdown Menu
A menu with shortcuts, a separator and a destructive item – arrow keys, Enter and Escape all work.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/dropdown-menu.jsonMore variants
Checkbox items
User menu
Maya Chen
maya@acme.co
When to use
- A menu with shortcuts, a separator and a destructive item – arrow keys, Enter and Escape all work.
- You want a menus piece that already handles empty, loading and dark states.
Installation
Add Dropdown Menu with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/dropdown-menu.jsonAPI reference
DropdownMenu
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |