ComponentsOverlay
Menubar
Horizontal menu bar with dropdown menus
The Menubar component provides a horizontal menu bar similar to desktop applications.
Basic Usage
Application Menubar
Schema
interface MenubarItem {
label?: string;
value?: string;
icon?: string;
shortcut?: string[];
type?: 'separator';
disabled?: boolean;
}
interface MenubarMenu {
label: string;
items: MenubarItem[];
}
interface MenubarSchema {
type: 'menubar';
menus: MenubarMenu[]; // Menu definitions
// Events
onSelect?: string | ActionConfig;
// Styling
className?: string;
}