chrome:shell.skip

generated:catalog.entry.menubar.title

generated:catalog.entry.menubar.description

@xngui/components/menubar
@xngui/components/menubar

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.navigation:
← →
demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.shortcuts:
↓ / EnterEscape
import { Component } from '@angular/core';
import { XMenu } from '@xngui/components/menu';
import { XMenuGroup } from '@xngui/components/menu-group';
import { XMenuItem } from '@xngui/components/menu-item';
import { XMenuSeparator } from '@xngui/components/menu-separator';
import { XMenubar } from '@xngui/components/menubar';
 
@Component({
selector: 'app-example',
imports: [XMenu, XMenuGroup, XMenuItem, XMenuSeparator, XMenubar],
templateUrl: './menubar.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-menubar

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
ariaLabel
string
—
Accessible name for the menubar region — falls back to the `menubar.ariaLabel` i18n key.
size
XSize
—
Visual size tier — falls back to XConfigService when unset.
density
XDensity
—
Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.