Element: #944 Editor menu bar (navigation/menubar) What it shows: An application menu bar with File, Edit, View and a disabled Help menu; File has a submenu, View has a checkbox and a radio group, and a line below reports the last action. When to use: A desktop-style application or editor menu bar: arrows move between menus, an open menu switches on hover or ArrowRight and ArrowLeft. Spec: - `` holds four `MenubarMenu`s labelled File, Edit, View and a `disabled` Help - File has `DropdownMenuItem`s, a `DropdownMenuSub` with `DropdownMenuSubTrigger` for Export, a separator and a destructive Close - View has `` and a `` with 100% and 150% - Action items call `function pick(action: string)`, which sets `last` and calls `announce` Tags: menubar, menu, application, keyboard, dropdown-menu, submenu Needs: @codeatlasdev/ui@4.6.0 Components: DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, Menubar, MenubarMenu Live demo: https://ui.codeatlas.com.br/docs/navigation/menubar#editor-menu-bar pick('New file')}>New file pick('Open')}>Open {#snippet trigger()}Export{/snippet} pick('Export PDF')}>PDF pick('Export HTML')}>HTML pick('Close')}>Close pick('Undo')}>Undo pick('Redo')}>Redo Word wrap Zoom 100% 150% About Word wrap: {wrap ? 'on' : 'off'}. Zoom: {zoom}%{last ? `. Last action: ${last}` : ''}