{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-table-5","type":"registry:block","title":"Table with interactive elements.","description":"Table with interactive elements.","dependencies":[],"registryDependencies":["card","input","table"],"files":[{"path":"c-table-5.tsx","type":"registry:block","content":"import { Card, CardContent } from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\n\nconst items = [\n  { id: \"1\", name: \"Item Alpha\", quantity: 1, price: \"$10.00\" },\n  { id: \"2\", name: \"Item Beta\", quantity: 2, price: \"$20.00\" },\n  { id: \"3\", name: \"Item Gamma\", quantity: 1, price: \"$30.00\" },\n]\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto flex w-full max-w-lg flex-col\">\n      <Card className=\"p-0\">\n        <CardContent className=\"p-0\">\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>Item</TableHead>\n                <TableHead>Quantity</TableHead>\n                <TableHead className=\"text-right\">Price</TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {items.map((item) => (\n                <TableRow key={item.id}>\n                  <TableCell className=\"font-medium\">{item.name}</TableCell>\n                  <TableCell>\n                    <Input\n                      type=\"number\"\n                      defaultValue={item.quantity}\n                      className=\"h-8 w-20\"\n                      min=\"0\"\n                    />\n                  </TableCell>\n                  <TableCell className=\"text-right\">{item.price}</TableCell>\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}","target":"components/examples/c-table-5.tsx"}],"meta":{"order":5,"label":"Interactive Rows"}}