{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "table",
"title": "Table",
"description": "A responsive table component, with an optional card-row variant.",
"dependencies": [
"@base-ui/react"
],
"registryDependencies": [
"utils",
"empty"
],
"files": [
{
"path": "registry/base/ui/table.tsx",
"content": "import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport type * as React from \"react\"\n\nimport { Empty } from \"@/components/ui/empty\"\nimport { cn } from \"@/lib/utils\"\n\nexport type TableVariant = \"default\" | \"card\"\n\nexport type TableProps = React.ComponentProps<\"table\"> & {\n /** `\"card\"` wraps the body rows in a single elevated, rounded surface. */\n variant?: TableVariant\n render?: useRender.ComponentProps<\"div\">[\"render\"]\n}\n\nfunction Table({\n className,\n variant = \"default\",\n render,\n ...props\n}: TableProps) {\n const defaultProps = {\n children: (\n \n ),\n className: \"relative w-full overflow-x-auto\",\n \"data-slot\": \"table-container\",\n \"data-variant\": variant,\n }\n\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(defaultProps, {}),\n render,\n })\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n return (\n \n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n \n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n \n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n return (\n \n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n return (\n \n )\n}\n\nfunction TableEmpty({\n colSpan,\n className,\n children,\n ...props\n}: React.ComponentProps<\"tr\"> & {\n /** Number of columns for the empty row's cell to span. */\n colSpan: number\n}) {\n return (\n \n \n \n {children}\n \n \n \n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n \n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableEmpty,\n TableCaption,\n}\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}