{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "scroll-area-horizontal-example",
  "title": "Scroll Area Horizontal",
  "description": "scroll-area-horizontal-example",
  "registryDependencies": [
    "https://intentui.com/r/scroll-area"
  ],
  "files": [
    {
      "path": "src/components/examples/controls/scroll-area/scroll-area-horizontal-example.tsx",
      "content": "import { ScrollArea } from '@/components/ui/scroll-area'\n\nexport default function ScrollAreaHorizontalDemo() {\n  return (\n    <ScrollArea orientation=\"horizontal\" className=\"w-full\">\n      <div className=\"flex h-56 min-w-max items-end gap-x-2 px-2\">\n        {Array.from({ length: 120 }).map((_, i) => {\n          const height = `${Math.floor(Math.random() * (100 - 30) + 30)}%`\n          return (\n            <i\n              key={i}\n              aria-hidden\n              className=\"w-2 rounded-[2.5px] bg-accent-fg/20\"\n              style={{ height }}\n            />\n          )\n        })}\n      </div>\n    </ScrollArea>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/scroll-area-horizontal-example/page.tsx"
    }
  ],
  "type": "registry:page"
}