Getting StartedInstallation and setup guides 6
FormInput and selection components 27
FlowWorkflow graph and execution surfaces 4
LayoutStructural layout components 9
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7
Overview API Styling Examples

Examples

Wrapper-focused collapsible patterns for progress disclosure and compact error recovery panels.

Checkout progression variants

Cart, Shipping, and Payment steps rendered through the wrapper component.

Plain CSS checkout progression

  1. ✓ Cart
  2. 2 Shipping
  3. 3 Payment

Error surface variants

A compact disclosure for onboarding state with one step in error.

Plain CSS error surface

  1. ✓ Profile
  2. 2 Billing
  3. 3 Team invite