Toaster
Toasts
Source and install need .
pnpm dlx shadcn@latest add @assembli/pill-toastPill Toast
A compact, inverted confirmation pill for quick feedback such as "Link copied" or "Moved to Archive". Only one shows at a time: a new message stretches or shrinks the pill to fit while its content cross-fades. Tinted icons for success and errors, an optional Undo, and hover holds the timer.
- Dependencies
- motion(npm, opens in a new tab)
Props
Other props pass through to the root element.
pill*
Pill | null
onDone*
() => void
Called when the pill's time is up or its action is used.
| Prop | Type | Default | Description |
|---|---|---|---|
| pill* | Pill | null | – | |
| onDone* | () => void | – | Called when the pill's time is up or its action is used. |
