Skip to content

Commit 199056c

Browse files
devversionkara
authored andcommitted
chore: add stepper to prerender check (#7225)
1 parent 80310a5 commit 199056c

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
@@ -281,3 +281,30 @@ <h3 mat-subheader>Groceries</h3>
281281
<mat-list-option value="bananas">Bananas</mat-list-option>
282282
<mat-list-option value="oranges">Oranges</mat-list-option>
283283
</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>

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)