Steps
A vertical stepper component for guiding users through multi-step processes.
- 1
Step One
This is the first step. - 2
Step Two
This is the second step. - 3
Step Three
This is the third step.
- 1
Download Installer
Click the link to download the setup file.
Download Software - 2
Run Installation
Open the downloaded file and follow the setup instructions.
✔ Installing Dependencies...
✔ Copying Files...
- 3
Complete Setup
Your software is ready to use!
✅ Installation Successful!
- 1
Create Account
- 2
Profile Details
- 3
Tell Us About Yourself
Installation
- 1
Copy the source code
@/components/ui/steps.tsx
Props
StepsProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | A collection of `<Step>` components that make up the stepper. |
StepProps
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | The title of the step. |
| children | React.ReactNode | - | Content displayed inside the step, such as form fields or descriptions. |