import {MatStepperModule} from '@angular/material/stepper';
MatStepperIntl
Stepper data that is required for internationalization.
Name | Description |
---|---|
| Stream that emits whenever the labels here are changed. Use this to notify components if the labels have changed after initialization. |
| Label that is rendered below optional steps. |
MatStepLabel
Selector: [matStepLabel]
MatStep
extends CdkStepSelector: mat-step
Exported as: matStepName | Description |
---|---|
@Input('aria-label')
| Aria label for the tab. |
@Input('aria-labelledby')
| Reference to the element that the tab is labelled by. Will be cleared if |
@Input()
| Whether step is marked as completed. |
@Input()
| Whether the user can return to this step once it has been marked as complted. |
@Input()
| Plain text label of the step. |
@Input()
| Whether the completion of step is optional. |
@Input()
| The top level abstract control of the step. |
| Template for step content. |
| Whether user has seen the expanded step content or not. |
| Content for step label given by |
isErrorState | |
---|---|
Custom error state matcher that additionally checks for validity of interacted form. | |
Parameters | |
control FormControl | null | |
form FormGroupDirective | NgForm | null | |
Returns | |
boolean |
reset | |
---|---|
Resets the step to its initial state. Note that this includes resetting form data. |
select | |
---|---|
Selects this step component. |
MatStepper
Selector: [matStepper]
Name | Description |
---|---|
@Output()
| Event emitted when the current step is done transitioning in. |
MatHorizontalStepper
extends MatStepperSelector: mat-horizontal-stepper
Exported as: matHorizontalStepperName | Description |
---|---|
@Output()
| Event emitted when the current step is done transitioning in. |
MatVerticalStepper
extends MatStepperSelector: mat-vertical-stepper
Exported as: matVerticalStepperName | Description |
---|---|
@Output()
| Event emitted when the current step is done transitioning in. |
MatStepperNext
Button that moves to the next step in a stepper workflow.
Selector: button[matStepperNext]
MatStepperPrevious
Button that moves to the previous step in a stepper workflow.
Selector: button[matStepperPrevious]
MatStepHeader
Selector: mat-step-header
Name | Description |
---|---|
@Input()
| Whether the given step label is active. |
@Input()
| Overrides for the header icons, passed in via the stepper. |
@Input()
| Index of the given step. |
@Input()
| Label of the given step. |
@Input()
| Whether the given step is optional. |
@Input()
| Whether the given step is selected. |
@Input()
| State of the given step. |
focus |
---|
MatStepperIcon
Template to be used to override the icons inside the step header.
Selector: ng-template[matStepperIcon]
Name | Description |
---|---|
@Input('matStepperIcon')
| Name of the icon to be overridden. |
|
MatStepperIconContext
Template context available to an attached matStepperIcon
.
Name | Description |
---|---|
| Whether the step is currently active. |
| Index of the step. |
| Whether the step is optional. |