Stepper Inline 1 - Titles under indicators

Pro

Step titles and descriptions stacked under each indicator in a centered column.
Shadcn Stepper Inline 1 component

Component data

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

Stepper Inline 1 component design & features

This example stacks StepperTitle and StepperDescription under each indicator so labels read as a centered column beneath the rail.

Titles under indicators are a common ecommerce checkout pattern when labels should stay readable on narrow layouts.