Steps
Steps — a CSS-first, fully-tokened Steps component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
Colors (completed steps)
- Cart
- Shipping
- Payment
- Done
- Cart
- Shipping
- Payment
- Done
- Cart
- Shipping
- Payment
- Done
- Cart
- Shipping
- Payment
- Done
- Cart
- Shipping
- Payment
- Done
- Cart
- Shipping
- Payment
- Done
Real use · interactive checkout
- Cart
- Shipping
- Payment
- Done