Status and feedback

Toast

A short confirmation that rises from the bottom right and leaves on its own: success, error, warning, info, **undo** and progress. Built as Sonner in the app.

Live specimen

Lifted from the approved family page at build time; interact with it.

Toasts

Sonner-style, bottom right. They rise 8px, dwell, then fade.

Changes savedNavy birdseye two-piece, version 5
Success
Error · stays until dismissed
Charcoal herringbone jacket retiredBrands can no longer add it.
Undo · twice the dwell
Syncing clothsHolland & Sherry · 1,840 of 3,612
Progress
Saved in GBP onlyEUR and USD still need a Laravel price.
Warning
Preview updatedSaved edits show on preview as V5.
Info
Uses.toast.k-toast.show--e-toast--motion-toast-in--motion-toast-out--toast-dwell--toast-shift

from families/status-feedback/#toasts

Stacking

Up to three show. The newest sits in front; hover or focus to spread them.

Collapsed
Cloths synced3,612 cloths, 4 changed
Charcoal herringbone jacket retiredBrands can no longer add it.
Changes savedNavy birdseye two-piece, version 5
Behaviour
KindDwellRole
Success, info--toast-dwellstatus
Undo2 × dwellstatus
Error, warninguntil dismissedalert
Progressuntil donestatus
Uses.sf-stackdata-sf-stack--motion-toast-in

from families/status-feedback/#toast-stack

Toast, live

Fire several at once to see them stack and settle.

Try a toast
Products
Navy birdseye two-piece suitHS 81045 · Crystal Springs
Availablev4£1,150
Mid-grey flannel trousersHS 64033 · Sherry Flannel
Draftv1£340
Brown glen check waistcoatHS 92201 · Moorland Tweed
Retiredv5£260
Usesdata-sf-toaster.k-toast.btn-link

from families/status-feedback/#toast-live