Steps (Blazor)
This article demonstrates how to use the Steps component. Check also the component guide and API reference.
Steps Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘steps’ + index suffix | Unique name the component. |
| SelectedIndex | integer | 0 | The index of the initially selected step. |
| Steps | array of steps | One item | The steps which the component displays. |
| NextText | string | Next | Next text. |
| PreviousText | string | Previous | Previous text. |
Steps Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Fired when the selected step changes. Has one event argument index which is the index of the new step. |
Steps item Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Text | string | string | The header text displayed by the step. |
Blazor declaration
<RadzenSteps>
<Steps>
<RadzenStepsItem Text="Step 1">
...
</RadzenStepsItem>
<RadzenStepsItem Text="Step 2">
...
</RadzenStepsItem>
<RadzenStepsItem Text="Step 3">
...
</RadzenStepsItem>
</Steps>
</RadzenSteps>