{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "files": [
    {
      "content": "import { PlusIcon } from \"lucide-react\";\nimport { Button } from \"~/registry/ui/button\";\nimport { ButtonGroup } from \"~/registry/ui/button-group\";\n\nexport function ButtonGroupSizeDemo() {\n  return (\n    <div className=\"flex flex-col items-start gap-8\">\n      <ButtonGroup.Root>\n        <Button size=\"sm\" variant=\"outline\">\n          Small\n        </Button>\n        <Button size=\"sm\" variant=\"outline\">\n          Button\n        </Button>\n        <Button size=\"sm\" variant=\"outline\">\n          Group\n        </Button>\n        <Button size=\"icon-sm\" variant=\"outline\">\n          <PlusIcon />\n        </Button>\n      </ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Button variant=\"outline\">Default</Button>\n        <Button variant=\"outline\">Button</Button>\n        <Button variant=\"outline\">Group</Button>\n        <Button size=\"icon\" variant=\"outline\">\n          <PlusIcon />\n        </Button>\n      </ButtonGroup.Root>\n      <ButtonGroup.Root>\n        <Button size=\"lg\" variant=\"outline\">\n          Large\n        </Button>\n        <Button size=\"lg\" variant=\"outline\">\n          Button\n        </Button>\n        <Button size=\"lg\" variant=\"outline\">\n          Group\n        </Button>\n        <Button size=\"icon-lg\" variant=\"outline\">\n          <PlusIcon />\n        </Button>\n      </ButtonGroup.Root>\n    </div>\n  );\n}\n",
      "path": "src/registry/examples/button-group/button-group-size-demo.tsx",
      "type": "registry:example"
    }
  ],
  "name": "button-group-size-demo",
  "registryDependencies": [
    "@kanpeki/button-group",
    "@kanpeki/button",
    "lucide-react"
  ],
  "type": "registry:example"
}