{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "p-scroll-area-4",
  "description": "Scroll area with fading edges",
  "registryDependencies": [
    "@coss/scroll-area"
  ],
  "files": [
    {
      "path": "registry/default/particles/p-scroll-area-4.tsx",
      "content": "import { ScrollArea } from \"@/registry/default/ui/scroll-area\";\n\nconst tags = Array.from({ length: 50 }, (_, i) => `v1.0.0-alpha.${i}`);\n\nexport default function Particle() {\n  return (\n    <ScrollArea className=\"h-64 rounded-lg border\" scrollFade>\n      <div className=\"px-4 py-2\">\n        <h4 className=\"mb-2 font-medium text-sm\">Tags</h4>\n        <div className=\"flex flex-col gap-1\">\n          {tags.map((tag) => (\n            <div className=\"text-sm\" key={tag}>\n              {tag}\n            </div>\n          ))}\n        </div>\n      </div>\n    </ScrollArea>\n  );\n}\n",
      "type": "registry:block"
    }
  ],
  "meta": {
    "className": "**:data-[slot=preview]:w-full **:data-[slot=preview]:max-w-64"
  },
  "categories": [
    "scroll area"
  ],
  "type": "registry:block"
}