{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-skeleton-5","type":"registry:block","title":"Skeleton loader for a data table.","description":"Skeleton loader for a data table.","dependencies":[],"registryDependencies":["skeleton"],"files":[{"path":"c-skeleton-5.tsx","type":"registry:block","content":"import { Skeleton } from \"@/components/ui/skeleton\"\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto flex w-full max-w-lg flex-col gap-4\">\n      <div className=\"flex gap-4 border-b pb-2\">\n        <Skeleton className=\"h-4 flex-1\" />\n        <Skeleton className=\"h-4 w-24\" />\n        <Skeleton className=\"h-4 w-20\" />\n      </div>\n      {Array.from({ length: 4 }).map((_, i) => (\n        <div key={i} className=\"flex gap-4\">\n          <Skeleton className=\"h-4 flex-1\" />\n          <Skeleton className=\"h-4 w-24\" />\n          <Skeleton className=\"h-4 w-20\" />\n        </div>\n      ))}\n    </div>\n  )\n}","target":"components/examples/c-skeleton-5.tsx"}],"meta":{"order":5,"gridSize":1,"label":"Data Table"}}