ug%5D/page-bb7d08817c1deb62.js"],"InstallBlock"] 1e:T527,"use client"; import { SaveIcon } from "lucide-react"; import { useRef } from "react"; import { Button } from "@/registry/default/ui/button"; import { anchoredToastManager } from "@/registry/default/ui/toast"; import { Tooltip, TooltipPopup, TooltipTrigger, } from "@/registry/default/ui/tooltip"; const ANCHORED_SAVE_ERROR_TOAST_ID = "coss-demo-anchored-save-error-toast"; export default function Particle() { const saveButtonRef = useRef(null); const toastTimeout = 2000; function handleSave() { if (!saveButtonRef.current) return; anchoredToastManager.add({ data: { tooltipStyle: true, }, id: ANCHORED_SAVE_ERROR_TOAST_ID, positionerProps: { anchor: saveButtonRef.current, sideOffset: 6, }, timeout: toastTimeout, title: "Couldn't save draft", type: "error", }); } return ( } >

Save

); } 20:T527,"use client"; import { SaveIcon } from "lucide-react"; import { useRef } from "react"; import { Button } from "@/registry/default/ui/button"; import { anchoredToastManager } from "@/registry/default/ui/toast"; import { Tooltip, TooltipPopup, TooltipTrigger, } from "@/registry/default/ui/tooltip"; const ANCHORED_SAVE_ERROR_TOAST_ID = "coss-demo-anchored-save-error-toast"; export default function Particle() { const saveButtonRef = useRef(null); const toastTimeout = 2000; function handleSave() { if (!saveButtonRef.current) return; anchoredToastManager.add({ data: { tooltipStyle: true, }, id:

Toast 13

Instalação

Dependências

Registry dependencies