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>
281
281
< mat-list-option value ="bananas "> Bananas</ mat-list-option >
282
282
< mat-list-option value ="oranges "> Oranges</ mat-list-option >
283
283
</ 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 {
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