Base/Sonner

Sonner

Toast notification system built on sonner. Trigger with the toast() function. The <Toaster /> is already mounted in the root layout.

Variants

Click each button to trigger the corresponding toast type.

With Action

Toast with an undo or recovery action button.

Promise

Automatically cycles through loading → success/error states.

Rich Description

Toast with a longer description for more context.