# Stepper

Steppers show users where they are in a multi-step verification flow. Each segment is in one of three states: done, active, or pending. Prizma steppers support 3 to 5 steps.

<Frame caption="Stepper — anatomy, variants, and states (from the Prizma reference)">
<Image src="/assets/design-and-ux/stepper/preview.png" alt="Stepper component reference" />
</Frame>

> 📘 Component tokens
>
> The color tokens for this component live in [Color → Tokens](/design-and-ux/color/), and its spacing, radius, and type map to the shared foundation scales.