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 @@ -271,3 +271,30 @@ <h2>Material Table</h2>
271271 < md-header-row *cdkHeaderRowDef ="tableColumns "> </ md-header-row >
272272 < md-row *cdkRowDef ="let row; columns: tableColumns; "> </ md-row >
273273</ md-table >
274+
275+ < h2 > Vertical Stepper</ h2 >
276+
277+ < md-vertical-stepper >
278+ < md-step label ="Step 1 "> Content 1</ md-step >
279+ < md-step label ="Step 1 "> Content 2</ md-step >
280+ </ md-vertical-stepper >
281+
282+ < h2 > Vertical Stepper (with label template)</ h2 >
283+
284+ < md-vertical-stepper >
285+ < md-step >
286+ < ng-template mdStepLabel > NgTemplate Label #1</ ng-template >
287+ Content 1
288+ </ md-step >
289+ < md-step >
290+ < ng-template mdStepLabel > NgTemplate Label #2</ ng-template >
291+ Content 2
292+ </ md-step >
293+ </ md-vertical-stepper >
294+
295+ < h2 > Horizontal Stepper</ h2 >
296+
297+ < md-horizontal-stepper >
298+ < md-step label ="Step 1 "> Content 1</ md-step >
299+ < md-step label ="Step 2 "> Content 2</ md-step >
300+ </ md-horizontal-stepper >
Original file line number Diff line number Diff line change @@ -32,6 +32,7 @@ import {
3232 MdTabsModule ,
3333 MdToolbarModule ,
3434 MdTooltipModule ,
35+ MdStepperModule
3536} from '@angular/material' ;
3637import {
3738 CdkTableModule ,
@@ -97,6 +98,7 @@ export class KitchenSink {
9798 MdExpansionModule ,
9899 MdSortModule ,
99100 MdTableModule ,
101+ MdStepperModule ,
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