Toaster

Você precisa adicionar o componente <Toaster /> no topo da sua aplicação (geralmente dentro de _app.tsx ou layout.tsx).

import { Toaster } from "@convertcompany/ui/toast";

export default function AppLayout({ children }) {
  return (
    <>
      <Toaster />
      {children}
    </>
  );
}

Exemplos

Com ações

Você pode adicionar um botão de ação com action e cancel para exibir interações rápidas dentro do toast.

Com loading

Você pode usar o tipo loading para indicar um processo em andamento.

Com promise

Você pode usar o tipo promise para indicar um processo assíncrono. e fornecer como argumento uma Promise. que ao resolver, o toast será atualizado automaticamente.

Props

As funções do toast possuem as mesmas props do pacote Sonner. Consulte a documentação do Sonner para mais detalhes.

Toaster