Sistema de diseño
Notification
Componente que se utiliza para informar a los usuarios sobre eventos importantes, actualizaciones o mensajes relevantes.
Figma
Storybook
AEM
Overview
Estas notificaciones son fundamentales para comunicar información de manera instantánea y eficaz, manteniendo a los usuarios informados sobre cambios o acciones que pueden afectar su experiencia en la plataforma.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Existen varios tipos de notificaciones para distintos propósitos, como advertencias, información, confirmaciones o errores.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Cada una de las cuatro variables puede tener distintas opciones dentro de su configuración:
Title
Por defecto, esta opción está desactivada, pero en caso necesario está diseñado para proporcionar información adicional a los usuarios.
Link
Por defecto, esta opción está desactivada. Permite redirigir a un enlace vinculado a la información de la notificación.
Close
Se utiliza únicamente cuando es necesario hacer clic para descartar de forma manual. El descarte automático queda desactivado.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Tanto en desktop como en mobile, estas notificaciones tienen características de comportamiento muy específicas:
- Tiempo de descarte automático: 5 segundos (excepto cuando la opción "Close" manual está activa).
- Posicionamiento: Fijo en la parte superior.
- Agrupamiento: Apiladas con un espaciado de 8 px, hasta un máximo de 4 notificaciones simultáneas (máximo de 2 en mobile).
- Orden: Las notificaciones nuevas aparecen en la parte superior.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes