{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-scroll-area-1","type":"registry:block","title":"Basic scroll area","description":"Basic scroll area","dependencies":[],"registryDependencies":["scroll-area"],"files":[{"path":"c-scroll-area-1.tsx","type":"registry:block","content":"import { ScrollArea } from \"@/components/ui/scroll-area\"\n\nconst tags = Array.from({ length: 30 }).map(\n  (_, i, a) => `v1.2.0-beta.${a.length - i}`\n)\n\nexport function Pattern() {\n  return (\n    <ScrollArea className=\"rounded-2xl h-72 w-48 border\">\n      <div className=\"p-4\">\n        <h4 className=\"mb-4 text-sm leading-none font-medium\">Releases</h4>\n        <div className=\"flex flex-col divide-y\">\n          {tags.map((tag, i) => (\n            <div key={tag} className=\"py-2 text-sm\">\n              {tag}\n            </div>\n          ))}\n        </div>\n      </div>\n    </ScrollArea>\n  )\n}","target":"components/examples/c-scroll-area-1.tsx"}],"meta":{"order":1,"label":"Basic"}}