Sonner

Toast notifications via Sonner with ParticleUI dark theme.

Add <Toaster /> to your root layout, then use toast() from sonner.

Installation

Run the CLI

$npx particleui-cli add sonner

Usage

TSX

import { Button } from "@/components/ui/button"
import { toast } from "sonner"

export default function Example() {
  return (
    <Button onClick={() => toast("Event created!")}>Show toast</Button>
  )
}

Details

Source filecomponents/ui/sonner.tsx

Typeui

Categoriesfeedback, core

npm dependenciessonner

Registry deps

Claude skill—