▼
Dropdown
Dropdown menu component for displaying action items.
Navigation
Variants
Primary
Props:
variant="primary" Secondary
Props:
variant="secondary" Outline
Props:
variant="outline" Small
Props:
size="sm" Large
Props:
size="lg" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
trigger | string | Menu | Button trigger text |
items | array | [] | Menu items with label and href |
position | string | bottom | Dropdown position: top, bottom, left, right |
variant | string | primary | Button variant |
size | string | md | Button size: sm, md, lg |
Usage
<Dropdown trigger="Menu" items={[{label: 'Item 1', href: '#'}, {label: 'Item 2', href: '#'}]} />