Stepper Icons 1 - Custom indicator icons

Pro

Stepper indicators that render Lucide icons instead of step numbers.
Shadcn Stepper Icons 1 component

Component data

ID
stepper/stepper-icons-1
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Stepper Icons 1 component design & features

This example customizes StepperIndicator children with Lucide icons, falling back to a checkmark when a step is completed.

Icon indicators help map steps to familiar actions like account, shipping, and payment in ecommerce checkouts.