Toast

Notificação temporária de feedback do sistema, sobreposta ao conteúdo, com variantes de sucesso, erro e info. Cada toast traz ícone, mensagem e botão de fechar, e desaparece automaticamente após alguns segundos.

v1.0.0feedback
Preview
Solicitação enviada
Falha ao salvar

Variações

Sucesso
Solicitação enviada
Falha ao salvar
Erro
Solicitação enviada
Falha ao salvar
Info
Solicitação enviada
Falha ao salvar

Props

PropTypeDefaultDescription
tipo*'sucesso' | 'erro' | 'info'Define a cor da borda lateral e o ícone do toast.
mensagem*stringTexto principal exibido no toast (ex.: "Solicitação enviada").
descricaostringTexto secundário com detalhe adicional abaixo da mensagem.
duracaoMsnumber4000Tempo em milissegundos até o toast desaparecer automaticamente.
onFechar() => voidCallback disparado ao clicar no X ou ao expirar a duração.

Código

tsx
<Toast />

Telas que usam

Histórico

  1. v1.0.026 de jun. de 2026Catalogado no Storybook do DS.PRJ-000

Projetos relacionados