Steps
Use <Steps> and <Step> to present multi-step processes with numbered indicators and a vertical connection line.
Basic Steps#
<Steps> <Step>
Steps with Rich Content#
Each <Step> supports full MDX content including callouts and inline code:
<Steps> <Step>
Authentication Setup Example#
Props Reference#
Steps Props
| Prop | Type | Description |
|---|---|---|
children | ReactNode | One or more Step components. |
Step Props
| Prop | Type | Description |
|---|---|---|
title | string | Step heading shown next to the step number. |
children | ReactNode | Step content. Supports full MDX. |
Was this page helpful?