shadcn-ui/apps/v4/examples/base/sonner-description.tsx

"use client"

import { toast } from "sonner"

import { Button } from "@/styles/base-nova/ui/button"

export function SonnerDescription() {
  return (
    <Button
      onClick={() =>
        toast("Event has been created", {
          description: "Monday, January 3rd at 6:00pm",
        })
      }
      variant="outline"
      className="w-fit"
    >
      Show Toast
    </Button>
  )
}