DUDropdown
NavigationMenu of actions with dividers and danger items.
import { DUDropdown } from 'deri-ui';Live preview
typescript
<DUDropdown label="Actions" items={[{label:'Edit'},{divider:true},{label:'Delete',danger:true}]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | DUDropdownItem[] | — | Menu entries |
| label | ReactNode | — | Trigger label |
| align | 'start' | 'end' | — | Menu alignment |
Usage
import { DUDropdown } from 'deri-ui';
<DUDropdown label="Actions" items={[{label:'Edit'},{divider:true},{label:'Delete',danger:true}]} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.