Feedback

Toast

Notificação temporária via Radix Toast. Composto por ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastAction e ToastClose.


npx shadcn add @studio/toast

Baseado em Radix Toast — acessível por teclado e leitores de tela.

Disparo interativo

Clique para disparar — fecha automaticamente em 3 s ou manualmente. Em produção usa useToast() + Radix ToastProvider.

Anatomia

Título do toast

Descrição opcional com detalhes adicionais.

Projeto publicado

Deploy concluído em 12 s.

Props

Prop	Tipo	Default	Descrição
`variant`	`'default'\|'success'\|'warning'\|'error'`	`default`	Cor semântica
`open`	`boolean`	—	Estado aberto (controlado)
`duration`	`number`	`5000`	Duração em ms antes de fechar