UI

ProgressSteps

Checkout-style stepper. Minimal (dots + line) or with-text (label + description). Horizontal or vertical.

$npx shadcn@latest add https://ui.btng.studio/r/progress-steps

Minimal horizontal

With text, horizontal

  1. CartReview items
  2. AddressShipping info
  3. PaymentSecure checkout
  4. ReviewConfirm order

Vertical with text

  1. CartReview items
  2. AddressShipping info
  3. PaymentSecure checkout
  4. ReviewConfirm order