Notificaciones y toasts.

Cuándo usar

Una notificación persiste en un centro; un toast confirma un resultado breve y no bloqueante.

• Elegir el elemento HTML nativo antes de agregar una primitiva interactiva.
• Mantener el nombre, el resultado y la acción visibles sin depender de un icono.
• Documentar cualquier excepción en el producto consumidor.

Ejemplo visible

Anatomía

Estados y variantes

Accesibilidad

• No apilar anuncios live simultáneos.
• Un toast no contiene la única vía de recuperación.
• Pausa su cierre al foco o hover si tiene acción.
• El centro de notificaciones es una página o región navegable.

HTML de referencia

<div class="cis-toast" role="status">
  <p>Se guardaron los cambios.</p>
  <a href="/actividad/123">Ver recibo</a>
</div>

Definition of Done

• Ejemplo visible y código copiable coinciden.
• Teclado, foco, nombre accesible y estado fueron probados.
• El componente funciona sin JavaScript o declara una mejora progresiva acotada.
• Los mensajes cumplen core/prosa en modo estricto.
• La promoción registra versión, compatibilidad y prueba de regresión.