Steps (Angular)
This guide demonstrates how to use the Steps component.
Steps Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘steps’ + index suffix | Unique name of the Steps. |
| NextText | string | Next | Next text. |
| PreviousText | string | Previous | Previous text. |
| SelectedIndex | number | 0 | The index of the initially selected step. |
| Items | array of step | One item | The steps which the component displays. |
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 tab. |
Angular declaration
<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>