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

These examples stay wrapper-focused: the component owns the button shell while you own the surrounding layout and any projected icon content.

Action row

Primary, secondary, and disabled actions with the wrapper’s built-in shell.

Action row (Plain CSS)

clicked: 0

Menu trigger

Use the wrapper’s ARIA passthrough inputs to expose disclosure state on a menu trigger button.

Menu trigger (Plain CSS)

Layout tokens

Set width and content alignment through button-scoped CSS variables on the tng-button host.

Layout tokens (Plain CSS)