Getting StartedInstall and bootstrap headless foundations 4
LayoutHeadless structural primitives for expandable and container patterns 6
OverlayHeadless modal and floating layer behavior 3
FeedbackHeadless notification and status communication patterns 5
FormHeadless input and selection contracts 17
UtilityReusable action, identity, and clipboard behavior 6
NavigationHeadless trails, trees, menus, and command surfaces 7
Overview API Styling Examples

Table styling

Every primitive emits data-slot so owners can style a native table without class-name coupling.

State hooks

  • [data-empty], [data-loading], and [data-error] reflect root data state.
  • [data-selected], [data-expanded], and [data-disabled] reflect row state.
  • [data-sticky], [data-sticky-side], and [data-truncate] reflect cell layout state.

Practical guidance

Keep density, zebra striping, sticky shadows, and overflow affordances in app-owned CSS. The primitives focus on semantics, focus, and stable attributes.