Examples
Reusable wrapper-based stepper layouts that compose the styled host with headless step items, triggers, and state attributes.
Checkout progression variants
Cart, Shipping, and Payment steps with consistent current/completed state treatment.
Plain CSS checkout progression
Tailwind checkout progression
Release pipeline variants
Draft and Review complete states with a current Publish stage.
Plain CSS release pipeline
Tailwind release pipeline
Error surface variants
Billing step exposes error state while neighboring steps remain complete/upcoming.
Plain CSS error surface
- Card declined
Tailwind error surface
- Card declined