Stepper Manual 1 - Manual activation

Pro

Stepper using activationMode manual so arrow focus does not change the step.

Shadcn Stepper Manual 1 component

Component data

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

Stepper Manual 1 component design & features

This example sets activationMode to manual so keyboard focus can move across triggers without changing the active step until click or Enter.

Manual activation helps accessibility-sensitive wizards and review screens where users browse steps before committing to one.