Sonner Content 5 - Toast with rich HTML content

Pro

Sonner toast that renders custom React content instead of a title string.
Shadcn Sonner Content 5 component

Component data

ID
sonner/sonner-content-5
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Content 5 component design & features

This sonner example uses the shadcn Sonner component with custom React content in the toast body. The toast can include layout, badges, and secondary text instead of a plain title.

Rich-content sonner components work for in-app messages, mentions, and notifications that need more structure than a single line.