angular / angular/components

feat(snack-bar): Close Icon

Open
#28,906 0 comments 3 reactions 0 assignees View on GitHub
area: material/snack-bar feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

The m3 spec here: https://m3.material.io/components/snackbar/specs shows an Icon (optional close affordance)

It would be nice if this could be added to the SimpleSnackBar and had a way to enable from MatSnackBar.open

### Use Case

This would be a nice alternative to having a 'Dismiss' action on error messages, etc.

Contributor guide

Open the contributing guide

Research direction

Start with the Material 3 snackbar specification and trace the SimpleSnackBar component and MatSnackBar.open entry point to understand the requested close-icon affordance and API option. Done means the optional icon can be enabled through MatSnackBar.open and is available on SimpleSnackBar as an alternative to a Dismiss action.

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
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.