Dropdown
An interactive dropdown menu for discoverable content.
Playground
Props
Examples
Hoverable
The dropdown will show on hover.
Active
You can force the dropdown to be active.
Right aligned
Dropup
Props
Dropdown
| Prop | Type | Default | Description |
|---|---|---|---|
active | boolean | false | Manually toggles the dropdown visibility. |
children | ReactNode | - | The content of the dropdown. |
hoverable | boolean | false | Shows the menu on hover. |
items | DropdownItem[] | - | Array of menu items. |
right | boolean | false | Aligns the dropdown menu to the right. |
trigger | { icon: DynamicIcon; label: string } | string | - | The content of the trigger button. |
up | boolean | false | Opens the menu upwards (dropup). |
See also
Last updated on