Toast
Visão Geral
Sistema de notificações toast para feedback ao usuário.
Localização
frontend-react/src/components/ui/Toast.tsx
Uso
tsx
import { useToastStore } from '../stores/toastStore';
const toast = useToastStore((s) => s.toast);
// Success
toast.success('Pedido criado com sucesso!');
// Error
toast.error('Erro ao criar pedido');
// Info
toast.info('Atualizando status...');Tipos
| Tipo | Cor | Uso |
|---|---|---|
| success | Verde | Operações bem-sucedidas |
| error | Vermelho | Erros |
| info | Azul | Informações |
| warning | Amarelo | Avisos |
Auto-dismiss
Toasts desaparecem automaticamente após 3 segundos.
Store Relacionado
Usa toastStore para gerenciar estado.