mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
docs(stepper): use mat-icon for custom icons example (#10284)
Switches the custom icon example in the stepper to use `mat-icon` instead of the non-existing `custom-icon`. The idea with `custom-icon` was to show that consumers aren't limited to using `mat-icon`, however somebody that is copying from the examples would get a compilation error. Fixes #10283.
This commit is contained in:
committed by
mmalerba
parent
c8cc414f7e
commit
224e4eaa1b
@@ -129,17 +129,19 @@ by placing a `matStepperIcon` for each of the icons that you want to override:
|
||||
```html
|
||||
<mat-vertical-stepper>
|
||||
<ng-template matStepperIcon="edit">
|
||||
<custom-icon>edit</custom-icon>
|
||||
<mat-icon>insert_drive_file</mat-icon>
|
||||
</ng-template>
|
||||
|
||||
<ng-template matStepperIcon="done">
|
||||
<custom-icon>done</custom-icon>
|
||||
<mat-icon>done_all</mat-icon>
|
||||
</ng-template>
|
||||
|
||||
<!-- Stepper steps go here -->
|
||||
</mat-vertical-stepper>
|
||||
```
|
||||
|
||||
Note that you aren't limited to using the `mat-icon` component when providing custom icons.
|
||||
|
||||
### Keyboard interaction
|
||||
- <kbd>LEFT_ARROW</kbd>: Focuses the previous step header
|
||||
- <kbd>RIGHT_ARROW</kbd>: Focuses the next step header
|
||||
|
||||
Reference in New Issue
Block a user