Sonner Standard 1 - Default toast

"use client";

import { toast } from "sonner";

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

export const title = "Default Toast";

const toasterId = "default-toast";

const Example = () => (
  <>
    <Button
      onClick={() => toast("Event has been created", { toasterId })}
      variant="outline"
    >
      Show Toast
    </Button>
    <Toaster id={toasterId} />
  </>
);

export default Example;