Stepper Sizes 1 - Compact indicators

Pro

Stepper with smaller indicators and tighter spacing for dense layouts.
Shadcn Stepper Sizes 1 component

Component data

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

Stepper Sizes 1 component design & features

This example shrinks StepperIndicator and title text for a compact horizontal stepper that fits toolbars and card headers.

Compact steppers are useful in admin tables, editor side panels, and any dense UI where a full-size stepper would dominate.