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

Label overview

<tng-label> gives you TailNG’s default label styling and required marker while keeping the underlying native label behavior intact. Use it when you want a styled label surface without dropping into the headless directive.

Component import

ts
import { TngInputComponent, TngLabelComponent } from '@tailng-ui/components';

Label variants

The label component keeps the same API while the surrounding field shell changes between plain CSS and Tailwind CSS.

Label stack (Plain-CSS)

Accessibility baseline

  • Use forId so the internal label forwards a native for attribute.
  • Keep required or aria-required on the actual control; the component marker is visual.
  • Use the headless label directive when you need wrapped-control patterns or direct selector ownership.