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>
273
273
< mat-header-row *cdkHeaderRowDef ="tableColumns "> </ mat-header-row >
274
274
< mat-row *cdkRowDef ="let row; columns: tableColumns; "> </ mat-row >
275
275
</ 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 {
32
32
MatTabsModule ,
33
33
MatToolbarModule ,
34
34
MatTooltipModule ,
35
+ MatStepperModule ,
35
36
} from '@angular/material' ;
36
37
import {
37
38
CdkTableModule ,
@@ -97,6 +98,7 @@ export class KitchenSink {
97
98
MatExpansionModule ,
98
99
MatSortModule ,
99
100
MatTableModule ,
101
+ MatStepperModule ,
100
102
101
103
// CDK Modules
102
104
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