{
  "name": "scroller-horizontal-demo",
  "type": "registry:example",
  "registryDependencies": [
    "scroller"
  ],
  "files": [
    {
      "path": "examples/scroller-horizontal-demo.tsx",
      "type": "registry:example",
      "content": "import { Scroller } from \"@/registry/bases/radix/ui/scroller\";\n\nexport default function ScrollerHorizontalDemo() {\n  return (\n    <Scroller orientation=\"horizontal\" className=\"w-full p-4\" asChild>\n      <div className=\"flex items-center gap-2.5\">\n        {Array.from({ length: 10 }).map((_, index) => (\n          <div\n            key={index}\n            className=\"flex h-32 w-[180px] shrink-0 flex-col items-center justify-center rounded-md bg-accent p-4\"\n          >\n            <div className=\"text-lg font-medium\">Card {index + 1}</div>\n            <span className=\"text-sm text-muted-foreground\">\n              Scroll horizontally\n            </span>\n          </div>\n        ))}\n      </div>\n    </Scroller>\n  );\n}\n",
      "target": ""
    }
  ]
}