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

Table styling

Table styling is wrapper-first, with stable classes for the scroll shell, generated table, header cells, body cells, and state rows.

HookUse
.tng-table__scrollOuter border, radius, background, and scroll behavior.
.tng-tableTypography, table layout, width, and density state.
.tng-table__header-cellHeader background, sort affordance, focus ring, and sticky presentation.
.tng-table__cellBody cell padding, borders, alignment, truncation, and hover state.
.tng-table__state-cellLoading, error, and empty states.

CSS starter

tng-table {
  --tng-table-border: var(--tng-semantic-border-subtle);
  --tng-table-radius: 0.75rem;
  --tng-table-cell-px: 1rem;
  --tng-table-cell-py: 0.75rem;
  --tng-table-header-bg: var(--tng-semantic-background-muted);
}