Stepper

The Stepper component is used to display a set number of steps. Useful for guiding a user through a multi-step operation.

Step 1 of 3

Connect your Account

Step 2 of 3

Configure your Settings

Step 3 of 3

Sync your Products

Edit the code below to see your changes live!

API

Stepper

Prop Name
Type
Default
Description
steps *string[]

Titles for each segment of the Stepper.

currentStep *number

Sets which step is currently active. Starts at 0.

Props ending with * are required

Beta