Toaster

Ação e status

Aviso temporário depois de uma ação. Monte o Toaster uma vez e chame toast.success(), toast.error() de qualquer tela. Com um painel lateral aberto, o aviso sobe para não cobrir o rodapé dele.

Substitui no Brain:ui sonnertoast() do sonner direto

Tipos de aviso

"use client";

import { Button, toast } from "@paytime/ui";

export default function Example() {
  return (
    <div className="flex flex-wrap gap-2">
      <Button tone="neutral" variant="outline" onClick={() => toast.success("Parceiro salvo", { description: "As alterações foram registradas." })}>
        Sucesso
      </Button>
      <Button tone="neutral" variant="outline" onClick={() => toast.error("Não foi possível salvar", { description: "Verifique a conexão e tente de novo." })}>
        Erro
      </Button>
      <Button tone="neutral" variant="outline" onClick={() => toast("Arquivo enviado", { action: { label: "Desfazer", onClick: () => undefined } })}>
        Com ação
      </Button>
    </div>
  );
}