API reference
Menubar docs cover wrapper components (tng-menubar/tng-menu) and headless directives for full ownership.
Wrapper APIs
| Element | Input / Output | Type | Description |
|---|---|---|---|
<tng-menubar> | ariaLabel | string | Accessible label for the menubar region. |
<tng-menubar> | loop | boolean | Wrap focus movement between first/last top-level items. |
<tng-menu> | ariaLabel | string | Accessible label for the menu panel. |
<tng-menu> | loop, disabled, closeOnSelect | boolean | Configures item navigation and close behavior. |
<tng-menu> | tngMenuOpened, tngMenuClosed, tngMenuSelect | EventEmitter | Lifecycle and selection events for menu interaction. |
Primitive directives
| Directive | Purpose | Key inputs |
|---|---|---|
tngMenubar | Top-level command bar semantics and roving focus. | loop |
tngMenubarItem | Focusable menubar item and owned menu link. | [tngMenubarMenu] |
tngMenu | Menu panel with keyboard traversal and typeahead. | loop, disabled, closeOnSelect |
tngMenuItem | Selectable option in menu panel. | tngMenuItemValue, disabled, [tngMenuItemSubmenu] |
Keyboard contract (high level)
ArrowRight/ArrowLeftmoves across top-level items.ArrowDownopens a menu and focuses the first enabled item.Home/Endjump to first/last top-level item.Escapecloses open menus and restores focus to the owning item.