Skip to content

Commit dcaae69

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 53c42a4 commit dcaae69

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
@@ -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>

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
MatTabsModule,
3333
MatToolbarModule,
3434
MatTooltipModule,
35+
MatStepperModule,
3536
} from '@angular/material';
3637
import {
3738
CdkTableModule,
@@ -97,6 +98,7 @@ export class KitchenSink {
9798
MatExpansionModule,
9899
MatSortModule,
99100
MatTableModule,
101+
MatStepperModule,
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)