angular / angular/components

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

Ouverte
#26,704 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/snack-bar feature P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### 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)

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par le point d’entrée Angular Material SimpleSnackBar et comparez sa structure avec l’exemple Material Design lié de snackbars empilés. Déterminez si le composant existant peut exposer la classe mdc-snackbar--stacked ou s’il nécessite un composant distinct ; le travail est considéré comme terminé lorsque la disposition empilée et le cas d’utilisation d’un bouton d’action en bas sont pris en charge.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.