Skip to content

Commit c8aa422

Browse files
committed
chore: add stepper to prerender check
* Now validates that the stepper component can be pre-rendered inside of the server platform.
1 parent dcf3b27 commit c8aa422

File tree

3 files changed

+43
-0
lines changed

3 files changed

+43
-0
lines changed

src/universal-app/kitchen-sink/kitchen-sink.html

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff 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>

src/universal-app/kitchen-sink/kitchen-sink.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ import {
3232
MdTabsModule,
3333
MdToolbarModule,
3434
MdTooltipModule,
35+
MdStepperModule
3536
} from '@angular/material';
3637
import {
3738
CdkTableModule,
@@ -97,6 +98,7 @@ export class KitchenSink {
9798
MdExpansionModule,
9899
MdSortModule,
99100
MdTableModule,
101+
MdStepperModule,
100102

101103
// CDK Modules
102104
CdkTableModule

src/universal-app/tsconfig.json

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
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+
}

0 commit comments

Comments
 (0)