ug%5D/page-bb7d08817c1deb62.js"],"InstallBlock"] 1e:T639,"use client"; import { CheckIcon, CopyIcon } from "lucide-react"; import { useRef } from "react"; import { useCopyToClipboard } from "@/registry/default/hooks/use-copy-to-clipboard"; import { Button } from "@/registry/default/ui/button"; import { anchoredToastManager } from "@/registry/default/ui/toast"; import { Tooltip, TooltipPopup, TooltipTrigger, } from "@/registry/default/ui/tooltip"; export default function Particle() { const copyButtonRef = useRef(null); const toastTimeout = 2000; const { copyToClipboard, isCopied } = useCopyToClipboard({ onCopy: () => { if (copyButtonRef.current) { anchoredToastManager.add({ data: { tooltipStyle: true, }, positionerProps: { anchor: copyButtonRef.current, }, timeout: toastTimeout, title: "Copied!", }); } }, timeout: toastTimeout, }); function handleCopy() { const url = "https://coss.com"; copyToClipboard(url); } return ( } > {isCopied ? ( ) : ( )}

Copy to clipboard

); } 20:T639,"use client"; import { CheckIcon, CopyIcon } from "lucide-react"; import { useRef } from "react"; import { useCopyToClipboard } from "@/registry/default/hooks/use-copy-to-clipboard"; import { Button } from "@/registry/default/ui/button"; import { anchoredToastManager } from "@/registry/default/ui/toast"; import { Tooltip, TooltipPopup, TooltipTrigger, } from "@/registry/default/ui

Toast 7

Instalação

Registry dependencies