Skip to content

Sonner

An opinionated toast component for showing brief, stackable notifications — successes, errors, and undoable actions — from anywhere in your app.

Sonner

Installation

pnpm dlx shadcn@latest add @sortui/sonner

Usage

import {
  Toaster,
} from "@/components/ui/sonner"

Examples

Types

Action and cancel

Loading

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access