Design · Prizma Design Foundations / Components

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.

Stepper component reference
Stepper — anatomy, variants, and states (from the Prizma reference)

Component tokens

The color tokens for this component live in Color → Tokens, and its spacing, radius, and type map to the shared foundation scales.

Was this page helpful?