Dropdown Menu
Displays a menu to the user — such as a set of actions or functions — triggered by a button. Pro version includes animations, search, and glassmorphism effects.
Pro features
What the Pro version adds to this component.
Built-in Search
Integrated search functionality with smart filtering
Premium Animations
6 animation variants including physics-based effects
Glass Effects
Glassmorphism, gradients, and modern visual styles
Rich Content
Support for descriptions, badges, and custom content
Enhanced Security
Role-based menu items and permission handling
Performance Optimized
Virtual scrolling for long lists and optimized rendering
Installation
Install via CLI
npx @moontra/moonui-cli add dropdown-menuUsage
Basic Usage
Pro Usage
Examples
Basic Dropdown Menu
Simple dropdown with icons and separators
With Checkboxes
Dropdown menu with checkbox items
With Radio Group
Dropdown menu with radio items
With Submenus
Nested dropdown menus with keyboard shortcuts
Searchable Dropdown
Dropdown with built-in search functionality
Glassmorphism Effects
Premium glass effect with animated icons and badges
Multi-Select with Descriptions
Enhanced checkbox items with descriptions and icons