Sonner Content 2 - Toast with custom icon

Pro

Sonner toast with a custom icon and supporting description.
Shadcn Sonner Content 2 component

Component Data

  • ID:sonner/sonner-content-2
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Sonner Content 2 component design & features

This sonner example uses the shadcn Sonner component with a custom icon and a description. The icon replaces the default mark so the toast can match the action, such as a payment success.

Custom-icon sonner components help users scan mixed notification stacks in dashboards and checkout flows.