Select theme:

NEWBlazor Charts Deep Dive: Candlestick, Box Plot, Waterfall, and 30+ More Free Chart Types

Steps (Angular)Link to this section

This guide demonstrates how to use the Steps component.

Steps PropertiesLink to this section

NameTypeDefaultDescription
Namestring'steps' + index suffixUnique name of the Steps.
NextTextstringNextNext text.
PreviousTextstringPreviousPrevious text.
SelectedIndexnumber0The index of the initially selected step.
Itemsarray of stepOne itemThe steps which the component displays.

image

Steps EventsLink to this section

NameTypeDefaultDescription
ChangeeventnullFired when the selected step changes. Has one event argument index which is the index of the new step.

image

Steps item PropertiesLink to this section

NameTypeDefaultDescription
TextstringstringThe header text displayed by the tab.

Angular declarationLink to this section

<rz-steps #steps0>
  <rz-steps-item text="Step 1">
  </rz-steps-item>
  <rz-steps-item text="Step 2">
  </rz-steps-item>
  <rz-steps-item text="Step 3">
  </rz-steps-item>
</rz-steps>

Get started today

Radzen is free to use. You can also test the premium features for 15 days.

Start Free
© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP

Select theme: