angular / angular/components

Feature request: Stepper summaries

Open
#7,216 9 comments 8 reactions 0 assignees View on GitHub
area: cdk/stepper area: material/stepper feature needs: discussion P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
feature request

#### What is the expected behavior?
I should be able to add a summary like in the screenshot below.
https://material.io/guidelines/components/steppers.html

![44gxulcvv0t](https://user-images.githubusercontent.com/216412/30665699-e43a0a4e-9e1f-11e7-8415-af5318c679d6.png)

#### What is the current behavior?
It's possible to add a summary inside of the label, but it's verbose (need to check for all cases to/hide display) and requires overriding styles.

Happy to send out a PR if there's interest.

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the existing stepper implementation and how labels currently render content, then compare the requested summary behavior with the linked Material Design example. Done means users can add step summaries without putting them in labels or overriding styles, with behavior covering the relevant step states.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.