NAMCHE UI

Sonner

Toast notifications, themed for NAMCHE and mapped to light/dark automatically.

Install

pnpm dlx shadcn@latest add @namche/sonner

Usage

import { toast } from 'sonner';
import { Toaster } from '@/components/ui/sonner';

// once, near the root of your app
<Toaster />

// anywhere else
toast.success('Deployment started', {
  description: 'K-007 · Sirdar is building in eu-west.',
});

@/components/ui/sonner exports only the themed Toaster — it reads the active theme from next-themes and maps success/info/warning/error/loading to Lucide icons. The toast() trigger itself comes straight from the sonner package, not this file; import it separately wherever you fire a toast.

On this page