Examples
These examples keep the primitive contract intact while showing two common owner-authored patterns: ordered progress and error emphasis.
Checkout progression
Use owner-authored complete and current step styling inside the disclosed list.
Checkout progression (plain CSS)
- ✓ Cart
- 2 Shipping
- 3 Payment
Checkout progression (Tailwind CSS)
- ✓ Cart
- 2 Shipping
- 3 Payment
Error emphasis
Use your own error classes and copy inside the list while the disclosure contract stays unchanged.
Error emphasis (plain CSS)
- ✓ Profile
- 2 Billing
- 3 Team invite
Error emphasis (Tailwind CSS)
- ✓ Profile
- 2 Billing
- 3 Team invite