angular / angular/components

mat-stepper: Allow custom CSS classes for mat-step-header

Open
#15,478 10 comments 35 reactions 0 assignees View on GitHub
area: material/stepper feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Please describe the feature you would like to request.
Please add API to add custom css classes to `mat-step-header`.

#### What is the use-case or motivation for this proposal?
We want to set custom cursor for disabled steps in linear stepper.

#### Is there anything else we should know?
Disabled steps have the same hover and click animations, it would be nice to be able to customize them. But I guess there is other issue for that. And custom css classes would also help with this.

Contributor guide

Open the contributing guide

Research direction

Start at the mat-step-header entry point and inspect how the stepper exposes header configuration and styling. Determine how custom CSS classes should be supplied and applied, then verify that the classes are present on step headers, including disabled steps, with focused component tests.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.