Skip to content

[MatStepper] Add support for custom animation duration timing #17130

Closed
@ivandevp

Description

@ivandevp

Feature Description

Currently, transition between steps are fixed in the stepper-animation.ts (225ms to Vertical Stepper and 500ms to Horizontal Stepper). It would be great to have an input for the animationDuration the same way the MatTab component works.

Use Case

When using an stepper it can look like this:

<mat-vertical-stepper #linearVerticalStepper="matVerticalStepper" [animationDuration]="500">
</mat-vertical-stepper>

<!-- or -->

<mat-horizontal-stepper #linearHorizontalStepper="matHorizontalStepper" 
                                       animationDuration="800ms">
</mat-horizontal-stepper>

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functionsarea: material/stepperfeatureThis issue represents a new feature or feature request rather than a bug or bug fix

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions