Stepper Fulfillment 1 - Connected step track

Pro

Four icon steps joined by bars that fill up to the current step.

Shadcn Stepper Fulfillment 1 component

Component data

ID
stepper/stepper-fulfillment-1
Access
pro
Created
Sep 26, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Stepper Fulfillment 1 component design & features

This stepper-style example shows four icon steps joined by bars. The bars fill from the current step and a progress value.

Use it on a row or a header when a single status badge is not enough to show how far a process has moved.