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 @@ -273,3 +273,30 @@ <h2>Material Table</h2>
273273 < mat-header-row *cdkHeaderRowDef ="tableColumns "> </ mat-header-row >
274274 < mat-row *cdkRowDef ="let row; columns: tableColumns; "> </ mat-row >
275275</ mat-table >
276+
277+ < h2 > Vertical Stepper</ h2 >
278+
279+ < mat-vertical-stepper >
280+ < mat-step label ="Step 1 "> Content 1</ mat-step >
281+ < mat-step label ="Step 1 "> Content 2</ mat-step >
282+ </ mat-vertical-stepper >
283+
284+ < h2 > Vertical Stepper (with label template)</ h2 >
285+
286+ < mat-vertical-stepper >
287+ < mat-step >
288+ < ng-template matStepLabel > NgTemplate Label #1</ ng-template >
289+ Content 1
290+ </ mat-step >
291+ < mat-step >
292+ < ng-template matStepLabel > NgTemplate Label #2</ ng-template >
293+ Content 2
294+ </ mat-step >
295+ </ mat-vertical-stepper >
296+
297+ < h2 > Horizontal Stepper</ h2 >
298+
299+ < mat-horizontal-stepper >
300+ < mat-step label ="Step 1 "> Content 1</ mat-step >
301+ < mat-step label ="Step 2 "> Content 2</ mat-step >
302+ </ 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