Cambios guardados
Tipo 01
Solo texto
Un mensaje corto.
Componentes Snackbars
Snackbars
Una snackbar es un mensaje breve en la parte inferior que confirma lo que acaba de pasar. Desaparece sola.
Conversación archivada
Uso
Úsala para confirmar una acción ya hecha, sin interrumpir: "Guardado", "Mensaje enviado", "Archivado".
- Confirmar acciones
- Ofrecer deshacer
- Errores críticos o decisiones: usa un diálogo
- Mensajes que el usuario debe leer con calma: usa un banner
Principios
1
Breve
Una línea, máximo dos.
2
Temporal
Desaparece sola tras 4 a 10 segundos.
3
No bloquea
Se puede seguir usando la app.
Tipos
Archivo eliminado
Tipo 02
Con acción
Texto y un botón (normalmente "Deshacer").
No se pudo enviar el taller. Revisa tu conexión.
Tipo 03
Dos líneas
Mensaje más largo con la acción debajo.
Anatomía
Archivo eliminado123
- Contenedor
- Texto
- Acción (opcional)
Comportamiento
Conversación archivada
- Entra desde abajo; si hay FAB, sube por encima de él.
- Se va sola después de 4 a 10 segundos, o al tocar su acción.
- Solo se muestra una a la vez; la siguiente espera.
Medidas
| Medida | Valor de referencia |
|---|---|
| Alto (una línea) | 48 dp |
| Ancho | mín. 344 dp, máx. 672 dp (en celular, ancho − 16 dp) |
| Radio | 4 dp |
| Margen al borde | 8 dp |
| Duración | 4 a 10 s |
Medidas de Material Design 2 en dp (en web, 1 dp ≈ 1 px de CSS; en iOS, 1 pt). Son de referencia: verifícalas en la guía oficial antes de usarlas en una evaluación.
Accesibilidad
Anúnciala
role="status" para que el lector la lea sin mover el foco.
Tiempo suficiente
Si tiene acción, dale al menos 10 s o no la ocultes con foco.
Sin información única
Lo importante no debe estar solo en una snackbar.