angular / angular/components

feat(mat-snackbar): Support to stacked variant from material design

Offen
#26,704 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/snack-bar feature P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Feature Description

Improve the SimpleSnackBar component to support the css class "mdc-snackbar--stacked" or create a separate component (possibly called "StackedSnackBar").

Native material design example (https://www.npmjs.com/package/@material/snackbar);
```

...

```

Current visual:
![image](https://user-images.githubusercontent.com/18235244/221767589-d4512f5b-96ff-4e71-93ed-622a6353f447.png)

New additional visual feature:
![image](https://user-images.githubusercontent.com/18235244/221767472-8a5cc94c-c2e9-4c26-ad0c-e4530284ba4f.png)

Please indicate the option to develop the function: if you should add the support css class in the real and unique component or create a new one component.

### Use Case

Bottom action button of the message (https://m2.material.io/components/snackbars#specs):
![image](https://user-images.githubusercontent.com/18235244/221767153-008596e1-cfd5-44c7-8bbb-61d1c217dab5.png)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne beim Angular Material SimpleSnackBar-Einstiegspunkt und vergleiche seine Struktur mit dem verlinkten Material Design-Beispiel für gestapelte Snackbars. Ermittle, ob die bestehende Komponente die Klasse mdc-snackbar--stacked verfügbar machen kann oder eine separate Komponente benötigt; abgeschlossen ist die Aufgabe, wenn das gestapelte Layout und der Anwendungsfall mit einer Aktionsschaltfläche unten unterstützt werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.