Stepper Loading 1 - Loading next step

Pro

Next button shows a loading state while an async step transition resolves.

Shadcn Stepper Loading 1 component

Component data

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

Stepper Loading 1 component design & features

This example keeps the stepper controlled while Next simulates an async save, showing a Spinner until the next step activates.

Loading transitions fit wizards that persist each step to an API before allowing the user to continue.