{
  "name": "speed-dial-labels-demo",
  "type": "registry:example",
  "dependencies": [
    "lucide-react",
    "sonner"
  ],
  "registryDependencies": [
    "speed-dial"
  ],
  "files": [
    {
      "path": "examples/speed-dial-labels-demo.tsx",
      "type": "registry:example",
      "content": "\"use client\";\n\nimport { Copy, Heart, Plus, Share2 } from \"lucide-react\";\nimport { toast } from \"sonner\";\n\nimport {\n  SpeedDial,\n  SpeedDialAction,\n  SpeedDialContent,\n  SpeedDialItem,\n  SpeedDialLabel,\n  SpeedDialTrigger,\n} from \"@/registry/bases/radix/ui/speed-dial\";\n\nexport default function SpeedDialLabelsDemo() {\n  return (\n    <SpeedDial>\n      <SpeedDialTrigger className=\"transition-transform duration-200 ease-out data-[state=closed]:rotate-0 data-[state=open]:rotate-135\">\n        <Plus />\n      </SpeedDialTrigger>\n      <SpeedDialContent>\n        <SpeedDialItem>\n          <SpeedDialLabel>Share</SpeedDialLabel>\n          <SpeedDialAction onSelect={() => toast.success(\"Shared\")}>\n            <Share2 />\n          </SpeedDialAction>\n        </SpeedDialItem>\n        <SpeedDialItem>\n          <SpeedDialLabel>Copy</SpeedDialLabel>\n          <SpeedDialAction onSelect={() => toast.success(\"Copied\")}>\n            <Copy />\n          </SpeedDialAction>\n        </SpeedDialItem>\n        <SpeedDialItem>\n          <SpeedDialLabel>Like</SpeedDialLabel>\n          <SpeedDialAction onSelect={() => toast.success(\"Liked\")}>\n            <Heart />\n          </SpeedDialAction>\n        </SpeedDialItem>\n      </SpeedDialContent>\n    </SpeedDial>\n  );\n}\n",
      "target": ""
    }
  ]
}