Oxygen 1.1.0

Persistent toast

Un "Persistent toast" es una variante de la notificación que permanece visible hasta que el usuario la cierra manualmente o se resuelve la acción relacionada.
Figma
Storybook
AEM

Overview

A diferencia de las notificaciones tradicionales que desaparecen después de un tiempo o tras la interacción del usuario, el “persistent toast” permanece visible hasta que se realice una acción específica para cerrarlo.

Este tipo de notificación es útil en situaciones donde la información que se está presentando es crucial y debe permanecer visible hasta que se resuelva, como actualizaciones importantes del sistema, problemas urgentes que requieren atención inmediata, o mensajes de confirmación que necesitan una acción del usuario para continuar.

Generalmente, el “persistent toast” se sitúa en una ubicación discreta, como la parte superior o inferior de la pantalla, para no obstruir el contenido principal, pero asegurando que siga siendo visible para el usuario. Es especialmente útil en aplicaciones donde es crucial que el usuario esté al tanto de ciertos eventos o situaciones que requieren su atención continua.

Nombre
Descripción / Uso
Ejemplo
No items found.

Variantes


Pueden existir diferentes tipos de persistent toast para distintos propósitos, como notificaciones de advertencia, información, confirmación o error.

Grouping

Este componente permite agrupar notificaciones en un carrusel navegable, facilitando la visualización de múltiples avisos cuando sea necesario.

Infobox

Esta variante se utiliza dentro de elementos como cards, con un tamaño reducido, y proporciona feedback del sistema.

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:

Button

Por defecto, esta opción está activa. No puede utilizarse simultáneamente con las opciones de close o link.

Close

La opción de cerrar se puede ocultar, asegurando que el aviso permanezca siempre visible en pantalla.

Link

Esta opción no puede convivir con el botón.

Detail

Opción complementaria que es compatible con todas las opciones anteriores.

Icon

El uso del ícono junto al título no es obligatorio, pero refuerza la semántica del mensaje.

Title

El título no es un elemento obligatorio en el persistent toast.

Nombre
Descripción / Uso
Ejemplo
No items found.

Nombre
Descripción / Uso
Ejemplo
No items found.

Behaviour

Overflow

Título: Máximo de 2 líneas.

Descripción: Hasta 2 líneas en desktop y hasta 4 líneas en mobile.