Stepper Vertical 1 - Vertical orientation

Pro

Vertical stepper with titles, descriptions, and content for each step.

Shadcn Stepper Vertical 1 component

Component Data

  • ID:stepper/stepper-vertical-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Stepper Vertical 1 component design & features

This example sets orientation="vertical" on the Dice UI Stepper and pairs each indicator with a title and description. The active step shows a content panel beside the list.

Vertical steppers work well for order tracking, timelines, and sidebar wizards where vertical space is easier to spare than width.