Sonner Standard 6 - Rich colors toast

Pro

Typed sonner toasts with richColors enabled on the Toaster.

Shadcn Sonner Standard 6 component

Component data

ID
sonner/sonner-standard-6
Access
pro
Created
Aug 19, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Standard 6 component design & features

This sonner example uses the shadcn Sonner component with richColors on the Toaster. Success, error, info, and warning toasts pick up a tinted surface for each type.

Rich-color sonner components make status easier to scan in mixed stacks, such as form results, billing alerts, and background job updates.