Open GitHub repository
ComponentsStepper

Stepper

New

Shows progress through a multi-step flow in horizontal or vertical orientation.

Installation

bunx @swift-rust/ui add stepper

Usage

tsx
1import { Stepper } from "@/components/ui/stepper";
2 
3<Stepper
4 current={class="text-amber-400">1}
5 steps={[
6 { title: "Account", description: "Your details" },
7 { title: "Profile", description: "Set up" },
8 { title: "Done", description: "Review" },
9 ]}
10/>

Examples

  1. Account

    Your details

  2. 2

    Profile

    Set up

  3. 3

    Done

    Review