Black Friday Deals

Up to $400 OFF

Check Now →

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

        <RadzenStepsItem Text="Step 1">
        <RadzenStepsItem Text="Step 2">
        <RadzenStepsItem Text="Step 3">