ObjectUIComponentsOverlay
Dropdown Menu
Display a menu of actions or options triggered by a button
The Dropdown Menu component displays a list of actions or options when triggered.
Basic Usage
Basic Dropdown Menu
With Icons
With Icons
Schema
interface DropdownMenuItem {
label?: string;
value?: string;
icon?: string;
variant?: 'default' | 'destructive';
type?: 'separator';
disabled?: boolean;
}
interface DropdownMenuSchema {
type: 'dropdown-menu';
trigger: ComponentSchema; // Trigger component
items: DropdownMenuItem[]; // Menu items
// Events
onSelect?: string | ActionConfig;
// Styling
className?: string;
}