build69
build69  /  Components  /  Feedback & Status  /  Sonner

Sonner

v1.0.1Updated 20 Jul 2026

Toast notification system (sonner library). Stack of transient feedback messages.

Preview

Live · 14 stories
DefaultOpen ↗
Why this is recommendedtoastnotificationsnackbarfeedback+1

The default, out-of-the-box Sonner.

Recommended for+14
  • Transient success / error feedback
  • Background task results
  • Undo prompts
Tags+6
toastnotificationsnackbarfeedbackdefault
Features+4
  • Success / error / loading variants
  • Promise-based toasts
  • Action button support
  • Auto-dismiss
Not recommended for−2
  • Critical errors needing acknowledgement (use Dialog)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Sonner" })

Usage

import { toast } from 'sonner';

toast.success('Saved.');

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

No documented props — Sonner is composed rather than configured. See the source for its full signature.

Related