Codeways UI
Browse components

Overlays

Toast

Confirms an action outcome, never carries a task.

@codeways/ui/toast

Kinds

Sonner, mounted once in the shell (this gallery mounts it in the root layout). Toasts confirm; they never carry information the user must act on later.

success
error
info
with action

Usage

import { Toaster, toast } from "@codeways/ui/toast";

// Mounted once in the shell:
<Toaster />

toast.success("Invoice INV-000194 sent");
toast.error("Invoice could not be sent. Check the customer's email address.");