Skip to content

Commit 30a105e

Browse files
thompsondthompsond
committed
main - 6b9decb feat(material/stepper): add a prefix section to the horizontal stepper header (#32184)
1 parent 9ea774f commit 30a105e

4 files changed

Lines changed: 35 additions & 22 deletions

File tree

‎docs-content/api-docs/material-stepper.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -739,6 +739,19 @@ <h4 id="MatStepper" class="docs-header-link docs-api-h4 docs-api-class-name">
739739

740740

741741

742+
<tr class="docs-api-properties-row">
743+
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
744+
<code>headerPrefix: input&lt;TemplateRef&lt;unknown&gt; | null&gt;(null)</code>
745+
</p>
746+
</td>
747+
<td class="docs-api-property-description"><p>The content prefix to use in the stepper header.</p>
748+
</td>
749+
</tr>
750+
751+
752+
753+
754+
742755
<tr class="docs-api-properties-row">
743756
<td class="docs-api-properties-name-cell"><p class="docs-api-property-name">
744757
<code>steps: QueryList&lt;MatStep&gt;</code>

‎fesm2022/material-stepper.mjs‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ class StepperEditableExample {
7171
kind: "component",
7272
type: i1$1.MatStepper,
7373
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
74-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
74+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
7575
outputs: ["animationDone"],
7676
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
7777
}, {
@@ -211,7 +211,7 @@ class StepperErrorsExample {
211211
kind: "component",
212212
type: i1$1.MatStepper,
213213
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
214-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
214+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
215215
outputs: ["animationDone"],
216216
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
217217
}, {
@@ -360,7 +360,7 @@ class StepperLabelPositionBottomExample {
360360
kind: "component",
361361
type: i1$1.MatStepper,
362362
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
363-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
363+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
364364
outputs: ["animationDone"],
365365
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
366366
}, {
@@ -513,7 +513,7 @@ class StepperOptionalExample {
513513
kind: "component",
514514
type: i1$1.MatStepper,
515515
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
516-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
516+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
517517
outputs: ["animationDone"],
518518
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
519519
}, {
@@ -657,7 +657,7 @@ class StepperOverviewExample {
657657
kind: "component",
658658
type: i1$1.MatStepper,
659659
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
660-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
660+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
661661
outputs: ["animationDone"],
662662
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
663663
}, {
@@ -797,7 +797,7 @@ class StepperStatesExample {
797797
kind: "component",
798798
type: i1$1.MatStepper,
799799
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
800-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
800+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
801801
outputs: ["animationDone"],
802802
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
803803
}, {
@@ -970,7 +970,7 @@ class StepperVerticalExample {
970970
kind: "component",
971971
type: i1$1.MatStepper,
972972
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
973-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
973+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
974974
outputs: ["animationDone"],
975975
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
976976
}, {
@@ -1096,7 +1096,7 @@ class StepperHarnessExample {
10961096
kind: "component",
10971097
type: i1$1.MatStepper,
10981098
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1099-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1099+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
11001100
outputs: ["animationDone"],
11011101
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
11021102
}, {
@@ -1252,7 +1252,7 @@ class StepperIntlExample {
12521252
kind: "component",
12531253
type: i1$1.MatStepper,
12541254
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1255-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1255+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
12561256
outputs: ["animationDone"],
12571257
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
12581258
}, {
@@ -1367,7 +1367,7 @@ class StepperLazyContentExample {
13671367
kind: "component",
13681368
type: i1$1.MatStepper,
13691369
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1370-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1370+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
13711371
outputs: ["animationDone"],
13721372
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
13731373
}, {
@@ -1461,7 +1461,7 @@ class StepperResponsiveExample {
14611461
kind: "component",
14621462
type: i1$1.MatStepper,
14631463
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1464-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1464+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
14651465
outputs: ["animationDone"],
14661466
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
14671467
}, {
@@ -1608,7 +1608,7 @@ class StepperHeaderPositionExample {
16081608
kind: "component",
16091609
type: i1$1.MatStepper,
16101610
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1611-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1611+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
16121612
outputs: ["animationDone"],
16131613
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
16141614
}, {
@@ -1746,7 +1746,7 @@ class StepperAnimationsExample {
17461746
kind: "component",
17471747
type: i1$1.MatStepper,
17481748
selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]",
1749-
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"],
1749+
inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "headerPrefix", "animationDuration"],
17501750
outputs: ["animationDone"],
17511751
exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"]
17521752
}, {

‎fesm2022/material-stepper.mjs.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@angular/components-examples",
3-
"version": "21.1.0-next.0+sha-e87a66b",
3+
"version": "21.1.0-next.0+sha-6b9decb",
44
"description": "Angular Components Examples",
55
"private": true,
66
"repository": {
@@ -287,15 +287,15 @@
287287
},
288288
"homepage": "https://github.com/angular/components#readme",
289289
"peerDependencies": {
290-
"@angular/aria": "21.1.0-next.0+sha-e87a66b",
291-
"@angular/cdk": "21.1.0-next.0+sha-e87a66b",
292-
"@angular/cdk-experimental": "21.1.0-next.0+sha-e87a66b",
290+
"@angular/aria": "21.1.0-next.0+sha-6b9decb",
291+
"@angular/cdk": "21.1.0-next.0+sha-6b9decb",
292+
"@angular/cdk-experimental": "21.1.0-next.0+sha-6b9decb",
293293
"@angular/core": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
294294
"@angular/common": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
295-
"@angular/material": "21.1.0-next.0+sha-e87a66b",
296-
"@angular/material-experimental": "21.1.0-next.0+sha-e87a66b",
297-
"@angular/material-luxon-adapter": "21.1.0-next.0+sha-e87a66b",
298-
"@angular/material-date-fns-adapter": "21.1.0-next.0+sha-e87a66b"
295+
"@angular/material": "21.1.0-next.0+sha-6b9decb",
296+
"@angular/material-experimental": "21.1.0-next.0+sha-6b9decb",
297+
"@angular/material-luxon-adapter": "21.1.0-next.0+sha-6b9decb",
298+
"@angular/material-date-fns-adapter": "21.1.0-next.0+sha-6b9decb"
299299
},
300300
"devDependencies": {
301301
"@angular/aria": "workspace:*",

0 commit comments

Comments
 (0)