Components
Toaster
Bottom-center sonner toasts. Status variants paint muted fills.
A sonner toaster ported from Atlas. Mount <Toaster /> once in the app shell, then
call toast() from anywhere. Position is bottom-center. Default toasts sit on
bg-surface. Success / info / warning / error remap Atlas *-surface to kit
*-muted. Phosphor fill icons; loading uses kit CircleNotch. Corner is
rounded-control.
Usage
import { Button } from '@/components/ui/button';
import { Toaster, toast } from '@/components/ui/sonner';
<Toaster />
<Button onClick={() => toast.success('Saved')}>Save</Button>Install
shadcn add @gesso/toaster