Sonner
Toaster do sonner com a superfície elevada do z-ui. Ele acompanha a classe .dark do html, então troca de tema junto com o styleguide.
Tipos nativos
Chamadas diretas ao toast do sonner. Para o cartão com tons, título, ações e meta, use o Toast do z-ui.
Com ação e promessa
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| position | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "bottom-right" | Canto da pilha. |
| closeButton | boolean | false | Mostra o botão de fechar em cada toast. |
| richColors | boolean | false | Pinta o fundo pelo tipo com os tokens -subtle do z-ui. |
| duration | number | 4000 | Tempo em milissegundos. |
| theme | "light" | "dark" | — | Calculado pela classe .dark do html. Só passe para fixar. |
<Toaster />
toast.success("Documento assinado", { description: "Mariana Albuquerque assinou às 09:12." });