Dropdown Menu

Navigation

An animated dropdown menu with full keyboard navigation, click-outside close, divider and disabled item support.

Loading preview...
Customize
Align:

Props

PropTypeDefaultDescription
triggerReact.ReactNodeThe element that triggers the dropdown.
itemsDropdownItem[]Array of menu items ({ label, onClick?, icon?, disabled?, divider? }).
align'left' | 'right''left'Horizontal alignment of the dropdown.
classNamestring''Additional CSS classes for the dropdown panel.