Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7
Overview API Styling Examples

Examples

Production menubar patterns for top-level command strips, owned menu panels, and nested submenu chains.

Workspace command bar

Open with click or Enter/Space, then move across items with ArrowLeft/ArrowRight.

Wrapper menubar (plain CSS)

last command: No command yet

Cascaded submenu chain

Nested menus are wired with [tngMenuItemSubmenu]. Use ArrowDown and ArrowRight from File to move into deeper levels.

Cascaded submenu chain (plain CSS)

last cascaded command: No command yet

Style API contracts

Scope a custom product skin through the public slot and state hooks instead of styling private wrapper markup.

Scoped contract skin

This example scopes a branded menubar through data-slot="menubar", data-slot="menubar-item", data-slot="menu", and state hooks such as aria-expanded and data-active.

last contract command: No command yet