{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toggle-group",
  "type": "registry:component",
  "title": "Toggle Group",
  "author": "Toby Belhome",
  "description": "A set of two-state buttons that can be toggled on or off.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "toggle-group"
  ],
  "files": [
    {
      "path": "examples/components/toggle-group/01/page.tsx",
      "content": "import { Bold, Italic, Underline } from \"lucide-react\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/ui/toggle-group\";\n\nexport default function ToggleGroupDemo() {\n  return (\n    <ToggleGroup variant=\"outline\" type=\"multiple\">\n      <ToggleGroupItem value=\"bold\" aria-label=\"Toggle bold\">\n        <Bold className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"italic\" aria-label=\"Toggle italic\">\n        <Italic className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"strikethrough\" aria-label=\"Toggle strikethrough\">\n        <Underline className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/toggle-group.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}