ObjectUIObjectUI
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;
}

On this page