Toast
Krátká zpětná vazba (sonner). Nastylovaná karta + hairline + tónová ikona, vpravý dolní roh. Helpery v lib/notify — success / error / info / cart / glass. Vyzkoušej tlačítky.
6
Presety
notify.*
BR
Pozice
bottom-right
auto
Dismiss
+ swipe
glass
Varianta
deep + blur
Typy
Klikni a sleduj pravý dolní roh.
S akcí & loading
Akční tlačítko (zpět) a promise (loading → výsledek).
Glass
Tmavá liquid varianta (deep green + blur) pro prémiový moment — čte se nad čímkoliv.
API & pravidla
notify
lib/notify.tsx| Prop | Typ | Default | Použití |
|---|---|---|---|
| success(title, desc?) | fn | — | Zelená, success ikona |
| error(title, desc?) | fn | — | Červená |
| info(title, desc?) | fn | — | Neutrální |
| cart(title, desc?) | fn | — | Cart ikona (do košíku) |
| glass(title, desc?) | fn | — | Tmavá liquid varianta |
| loading(title) | fn | — | Spinner (drž a updatuj) |
Toaster je nastylovaný v
components/ui/sonner.tsx a mountnutý v root layoutu. Pro vlastní akce volej přímo toast() ze sonner s action / toast.promise.