Optional row-click handler for consumers of the low-level `Table` that don't need `DataTable`'s filtering/sorting/pagination (ADR-165 §2). Adds `tabIndex`/`onKeyDown` (Enter/Space) automatically — no `role="button"` override, the `` keeps its native row semantics (gate redblue 2026-07-12 F7). Pair with a real interactive control in one of the row's cells; this alone is not a full a11y substitute. / onRowClick?: () => void; } interface TableHeadProps extends ThHTMLAttributes { density?: TableHeadDensity; } interface TableCellProps extends TdHTMLAttributes { density?: TableCellDensity; } interface TableCaptionProps extends HTMLAttributes { } declare const tableVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "w-full caption-bottom text-sm", {} | {}, undefined, tailwind_variants.TVReturnType>; declare const tableHeaderVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "border-b border-content/10", {} | {}, undefined, tailwind_variants.TVReturnType>; declare const tableBodyVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, tailwind_variants.TVReturnType>; declare const tableFooterVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "bg-container border-t border-content/10 font-medium", {} | {}, undefined, tailwind_variants.TVReturnType>; declare const tableRowVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "border-b border-content/10 transition-colors duration-200 hover:bg-upper", {} | {}, undefined, tailwind_variants.TVReturnType>; declare const tableHeadVariants: tailwind_variants.TVReturnType<{ density: { default: string; dense: string; }; }, undefined, "text-left align-middle font-medium text-content/40", { density: { default: string; dense: string; }; }, undefined, tailwind_variants.TVReturnType<{ density: { default: string; dense: string; }; }, undefined, "text-left align-middle font-medium text-content/40", unknown, unknown, undefined>>; declare const tableCellVariants: tailwind_variants.TVReturnType<{ density: { default: string; dense: string; }; }, undefined, "align-middle", { density: { default: string; dense: string; }; }, undefined, tailwind_variants.TVReturnType<{ density: { default: string; dense: string; }; }, undefined, "align-middle", unknown, unknown, undefined>>; declare const tableCaptionVariants: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "mt-4 text-sm text-content/40", {} | {}, undefined, tailwind_variants.TVReturnType>; type TableVariantProps = VariantProps; type TableHeaderVariantProps = VariantProps; type TableBodyVariantProps = VariantProps; type TableFooterVariantProps = VariantProps; type TableRowVariantProps = VariantProps; type TableHeadVariantProps = VariantProps; type TableCellVariantProps = VariantProps; type TableCaptionVariantProps = VariantProps; declare const Table: React$1.ForwardRefExoticComponent>; declare const TableHeader: React$1.ForwardRefExoticComponent>; declare const TableBody: React$1.ForwardRefExoticComponent>; declare const TableFooter: React$1.ForwardRefExoticComponent>; declare const TableRow: React$1.ForwardRefExoticComponent>; declare const TableHead: React$1.ForwardRefExoticComponent>; declare const TableCell: React$1.ForwardRefExoticComponent>; declare const TableCaption: React$1.ForwardRefExoticComponent>; interface TableSkeletonProps { rows?: number; columns?: number; className?: string; /** Whether to render a header row above the data rows */ showHeader?: boolean; } declare const tableSkeletonVariants: tailwind_variants.TVReturnType<{ [key: string]: { [key: string]: tailwind_merge.ClassNameValue | { root?: tailwind_merge.ClassNameValue; cell?: tailwind_merge.ClassNameValue; row?: tailwind_merge.ClassNameValue; headerCell?: tailwind_merge.ClassNameValue; }; }; } | { [x: string]: { [x: string]: tailwind_merge.ClassNameValue | { root?: tailwind_merge.ClassNameValue; cell?: tailwind_merge.ClassNameValue; row?: tailwind_merge.ClassNameValue; headerCell?: tailwind_merge.ClassNameValue; }; }; } | {}, { root: string; row: string; headerCell: string; cell: string; }, undefined, { [key: string]: { [key: string]: tailwind_merge.ClassNameValue | { root?: tailwind_merge.ClassNameValue; cell?: tailwind_merge.ClassNameValue; row?: tailwind_merge.ClassNameValue; headerCell?: tailwind_merge.ClassNameValue; }; }; } | {}, { root: string; row: string; headerCell: string; cell: string; }, tailwind_variants.TVReturnType>; type TableSkeletonVariantProps = VariantProps; /** Loading skeleton that simulates a table structure. Displays a grid of animated skeleton blocks for loading states. Uses Tailwind's animate-pulse for shimmer effect.

Prop	Requerida	Tipo	Qué hace
rows	opcional	`number`	—
columns	opcional	`number`	—
className	opcional	`string`	—
showHeader	opcional	`boolean`	Whether to render a header row above the data rows

El componente, montado

De dónde se importa

Props