Components/Toast

Toast

A composable toast primitive for modern product interfaces.

Interactive example

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add toast

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { Toaster, toast } from "@/components/quack/toast"

<Button onClick={() => toast.add({ title: "Saved", type: "success" })}>Show toast</Button>
<Toaster />