p-toast-1

PreviousNext

Basic toast

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-toast-1.tsx
"use client";

import { Button } from "@/registry/default/ui/button";
import { toastManager } from "@/registry/default/ui/toast";

export default function Particle() {
  return (
    <Button
      onClick={() => {
        toastManager.add({
          description: "Monday, January 3rd at 6:00pm",
          title: "Event has been created",
        });
      }}
      variant="outline"
    >
      Default Toast
    </Button>
  );
}

Installation

npx shadcn@latest add @coss/p-toast-1

Usage

import { PToast1 } from "@/components/p-toast-1"
<PToast1 />