Steps
Sequence content using the Steps component
Use steps to display a series of sequential actions or events. You can add as many steps as needed.
First Step
These are instructions or content that only pertain to the first step.
Second Step
These are instructions or content that only pertain to the second step.
Third Step
These are instructions or content that only pertain to the third step.
Steps properties
A list of Step
components.
The size of the step titles. One of p
, h2
, and h3
.
Individual step properties
The content of a step either as plain text or components.
A Font Awesome icon, Lucide icon, or SVG code in icon={}
.
For Font Awesome icons only: One of regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.
The title is the primary text for the step and shows up next to the indicator.
The number of the step.
The size of the step titles. One of p
, h2
, and h3
.