File tree Expand file tree Collapse file tree 3 files changed +43
-0
lines changed Expand file tree Collapse file tree 3 files changed +43
-0
lines changed Original file line number Diff line number Diff line change @@ -281,3 +281,30 @@ <h3 mat-subheader>Groceries</h3>
281281 < mat-list-option value ="bananas "> Bananas</ mat-list-option >
282282 < mat-list-option value ="oranges "> Oranges</ mat-list-option >
283283</ mat-selection-list >
284+
285+ < h2 > Vertical Stepper</ h2 >
286+
287+ < mat-vertical-stepper >
288+ < mat-step label ="Step 1 "> Content 1</ mat-step >
289+ < mat-step label ="Step 1 "> Content 2</ mat-step >
290+ </ mat-vertical-stepper >
291+
292+ < h2 > Vertical Stepper (with label template)</ h2 >
293+
294+ < mat-vertical-stepper >
295+ < mat-step >
296+ < ng-template matStepLabel > NgTemplate Label #1</ ng-template >
297+ Content 1
298+ </ mat-step >
299+ < mat-step >
300+ < ng-template matStepLabel > NgTemplate Label #2</ ng-template >
301+ Content 2
302+ </ mat-step >
303+ </ mat-vertical-stepper >
304+
305+ < h2 > Horizontal Stepper</ h2 >
306+
307+ < mat-horizontal-stepper >
308+ < mat-step label ="Step 1 "> Content 1</ mat-step >
309+ < mat-step label ="Step 2 "> Content 2</ mat-step >
310+ </ mat-horizontal-stepper >
Original file line number Diff line number Diff line change @@ -32,6 +32,7 @@ import {
3232 MatTabsModule ,
3333 MatToolbarModule ,
3434 MatTooltipModule ,
35+ MatStepperModule ,
3536} from '@angular/material' ;
3637import {
3738 CdkTableModule ,
@@ -97,6 +98,7 @@ export class KitchenSink {
9798 MatExpansionModule ,
9899 MatSortModule ,
99100 MatTableModule ,
101+ MatStepperModule ,
100102
101103 // CDK Modules
102104 CdkTableModule
Original file line number Diff line number Diff line change 1+ // Configuration for IDEs only.
2+ {
3+ "extends" : " ../../tsconfig.json" ,
4+ "compilerOptions" : {
5+ "rootDir" : " .." ,
6+ "baseUrl" : " ." ,
7+ "paths" : {
8+ "@angular/cdk/*" : [" ../cdk/*" ],
9+ "@angular/material/*" : [" ../lib/*" ],
10+ "@angular/material" : [" ../lib/public_api" ]
11+ }
12+ },
13+ "include" : [" ./**/*.ts" ]
14+ }
You can’t perform that action at this time.
0 commit comments