Toast
Feedback efêmero de resultado — "deu certo", erro, ou ação reversível com Desfazer.
Componente base do Nuxt UI (
useToast() / UApp), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.O Toast é a notificação efêmera que confirma o resultado de uma ação — salvo, excluído, erro. É o canal padrão do feedback reversível: em vez de um modal, mostra "Item excluído" + Desfazer.
Variantes
| Quero… | Use |
|---|---|
| Confirmar sucesso | color="success" + ícone de check |
| Sinalizar erro | color="error" |
| Permitir desfazer | ação Desfazer no toast (5–8s) — ver Desfazer |
| Operação longa | toast com progresso/carregando |
Estados
| Estado | Comportamento |
|---|---|
| Entrada | Surge no canto, dura alguns segundos, some sozinho. |
| Com ação | Pausa o timer no hover; "Desfazer" reverte. |
| Erro | Pode exigir fechar manualmente (não some sozinho). |
Onde se aplica
No código
useToast() — doc técnica em ui.nuxt.com/docs/components/toast.
Acessibilidade
Anunciar via role="status" (ou alert para erro). Não depender só da cor — ícone + texto. Dar tempo suficiente para ler e agir (sobretudo quando há "Desfazer").