Dropdown Menu
A dropdown menu component that displays a list of actions or options in a floating panel.
Installation
Usage
Examples
Basic
With Shortcuts
With Labels
With Submenu
API Reference
Properties
| Property | Type | Default | Description |
|---|---|---|---|
class | string | — | Additional CSS classes to apply to the dropdown menu components. |
disabled | boolean | — | Whether the dropdown menu item is disabled (for UiDropdownMenuItem). |
uiDropdownMenuTrigger | string | — | Reference to the dropdown menu to trigger. |
uiDropdownMenuTriggerDisabled | boolean | — | Whether the trigger is disabled. |
uiDropdownMenuTriggerPlacement | "top" | "bottom" | "left" | "right" | — | Preferred placement of the dropdown menu. |
uiDropdownMenuTriggerOffset | number | — | Offset distance from the trigger. |
uiDropdownMenuTriggerFlip | boolean | — | Whether to flip the menu when it overflows. |
uiDropdownSubmenuTrigger | string | — | Reference to the submenu to trigger. |
uiDropdownSubmenuTriggerDisabled | boolean | — | Whether the submenu trigger is disabled. |
uiDropdownSubmenuTriggerPlacement | "top" | "bottom" | "left" | "right" | — | Preferred placement of the submenu. |
uiDropdownSubmenuTriggerOffset | number | — | Offset distance from the submenu trigger. |
uiDropdownSubmenuTriggerFlip | boolean | — | Whether to flip the submenu when it overflows. |
Built with ❤️ by @immohammadjaved • Source code available on GitHub