Components

Sonner (Toast)

Notificação empilhável não-bloqueante. Use para feedback de ação — salvar, deletar, erros não-críticos.

Setup

Adicione <Toaster /> uma única vez no layout raiz. Já vem montado nesta aplicação.

import { Toaster } from "@/components/ui/sonner";

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Toaster />
      </body>
    </html>
  );
}

Variantes

Cada botão dispara um toast — clique para ver.