Design System
Components and styles of the Anirum project
Toast
Temporary notifications via Sonner. Rounded-2xl, no border, shadow-lg. Max width min(716px, 100vw) per Pinterest spec.
Default
Simple notification with title only.
With description
Title and a secondary description line.
Semantic variants
Success, error, warning, and info — each with its own icon.
With action
Toast with an action button and cancel.
Loading / Promise
Async operation with loading → success/error states.
Custom content
Fully custom JSX inside a toast.
Positions
Toast position is set globally on the Toaster. These examples show different positions.