Menubar

Menubar

Headless primitive examples first, followed by component-wrapper examples using tngMenubar, tngMenubarItem, and owned tngMenu panels.

Headless Primitives: Application Menubar

Click or press Enter / Space to open a top-level menu. Arrowing across top-level items transfers the open state.

Last command: No command yet

Headless Primitives: Cascaded Menubar Menu

Nested submenu wiring with [tngMenuItemSubmenu]. Try ArrowDown + ArrowRight from the File menu.

Last cascaded command: No cascaded command yet

Component Wrapper: tng-menubar + tng-menu

Wrapper demo using <tng-menubar> and <tng-menu>.

Last component command: No component command yet

Component Wrapper: Cascaded Menubar Menu

Cascaded wrapper demo with submenu chains inside a <tng-menubar> owned <tng-menu>.

Last component cascaded command: No component cascaded command yet