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

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.