Toast

Notificações temporárias não-intrusivas. Usa a biblioteca Sonner com tema integrado ao design system via componente Toaster do @workspace/ui.

// No layout raiz:
import { Toaster } from "@workspace/ui/components/sonner";

<Toaster />

// Em qualquer componente:
import { toast } from "sonner";

toast.success("Pedido criado com sucesso!");
toast.error("Erro ao processar pagamento.");
toast("Notificação padrão.");

Variantes

Tipos de toast disponíveis: default, success, error, warning, info.

Com descrição

Toast com título e descrição detalhada.

Com ação

Toast com botão de ação para desfazer ou navegar.

Promessa

Toast que acompanha o estado de uma operação assíncrona.

API Reference

Prop	Type	Default	Descrição
`toast()`	`function`	—	Exibe uma notificação padrão
`toast.success()`	`function`	—	Notificação de sucesso (ícone verde)
`toast.error()`	`function`	—	Notificação de erro (ícone vermelho)
`toast.warning()`	`function`	—	Notificação de alerta (ícone amarelo)
`toast.info()`	`function`	—	Notificação informativa (ícone azul)
`toast.promise()`	`function`	—	Acompanha loading → success/error de uma Promise
`description`	`string`	—	Texto secundário abaixo do título
`action`	`{ label, onClick }`	—	Botão de ação dentro do toast
`duration`	`number`	4000	Duração em milissegundos