{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "split-button-preview-demo", "registryDependencies": [ "https://reusables.vercel.app/r/split-button", "https://reusables.vercel.app/r/notify" ], "files": [ { "path": "registry/example/split-button-preview-demo.tsx", "content": "\"use client\"\n\nimport { toast } from \"@/packages/notify/src\"\n\nimport { SplitButton } from \"@/components/ui/split-button\"\n\nexport default function SplitButtonPreviewDemo() {\n const options = [\n {\n label: \"Copy SVG\",\n onClick: () => {\n toast.success(\"Copied SVG\", {\n description: \"SVG code copied to clipboard\",\n })\n },\n },\n {\n label: \"Copy Data URL\",\n onClick: () => {\n toast.success(\"Copied Data URL\", {\n description: \"Data URL copied to clipboard\",\n })\n },\n },\n {\n label: \"Download SVG\",\n onClick: () => {\n toast.success(\"Downloading SVG\", {\n description: \"Your file is being downloaded...\",\n })\n },\n },\n ]\n\n return (\n {}} size=\"sm\">\n Download PNG\n \n )\n}\n", "type": "registry:example", "target": "components/split-button-preview-demo.tsx" } ], "type": "registry:example" }