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)

  1. Cart
  2. Shipping
  3. Payment
  4. Done
  1. Cart
  2. Shipping
  3. Payment
  4. Done
  1. Cart
  2. Shipping
  3. Payment
  4. Done
  1. Cart
  2. Shipping
  3. Payment
  4. Done
  1. Cart
  2. Shipping
  3. Payment
  4. Done
  1. Cart
  2. Shipping
  3. Payment
  4. Done

Real use · interactive checkout

  1. Cart
  2. Shipping
  3. Payment
  4. Done