sonner-demo

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/sonner-demo.tsx
"use client"

import { toast } from "sonner"

import { Button } from "@/registry/new-york/ui/button"

export default function SonnerDemo() {
  return (
    <Button
      variant="outline"
      onClick={() =>
        toast("Event has been created", {
          description: "Sunday, December 03, 2023 at 9:00 AM",
          action: {
            label: "Undo",
            onClick: () => console.log("Undo"),
          },
        })
      }
    >
      Show Toast
    </Button>
  )
}

Installation

npx shadcn@latest add @taki/sonner-demo

Usage

import { SonnerDemo } from "@/components/sonner-demo"
<SonnerDemo />