angular / angular/components

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

Abierto
#26,704 0 comentarios 0 reacciones 0 asignados Ver en GitHub
area: material/snack-bar feature P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza en el punto de entrada de Angular Material SimpleSnackBar y compara su estructura con el ejemplo enlazado de Material Design de snackbars apilados. Determina si el componente existente puede exponer la clase mdc-snackbar--stacked o si necesita un componente independiente; se considera terminado cuando se admitan el diseño apilado y el caso de uso de un botón de acción en la parte inferior.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.