TableBody

Group Table data rows while preserving table body semantics.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

How to use

Use TableBody for the body region of a Table, containing TableRows. Use its existing loading protocol; do not put page-layout elements that are invalid inside tbody.

Place normal data rows in children. During initial loading, hide them and show skeleton rows matching the registered columns.
parts configures generated loading rows and Spinner, not explicitly supplied data rows.

Import

import { TableBody } from '@snowui-design-system/components';

Usage

Loading

Refreshing

Hover

API Reference

Property	Type	Default	Example	Description
`loading`	`boolean`	`—`	`loading`	During initial loading, hide business children and render Skeleton rows for the registered column structure. Default behavior comes from Table Context.
`rowCount`	`number`	`—`	`rowCount={42}`	Known number of data rows. During initial loading, render this many Skeleton rows; zero produces no placeholder rows. Omitted by default.
`loadingSpinner`	`boolean`	`—`	`loadingSpinner`	Keep business children and append a centered Spinner loading row spanning the columns. Default behavior comes from Table Context.
`continuousHover`	`boolean`	`true`	`continuousHover`	Use one container-level continuous hover movement layer. When disabled, no row background is shown.
`children`	`Snippet`	`—`	`<TableBody>Content</TableBody>`	Normal data rows, not rendered during initial Skeleton loading.
`parts`	`ComponentPartsOf<{ TableRow: typeof TableRow; TableCell: typeof TableCell; Spinner: typeof Spinner; }>`	`—`	`parts={partsOptions}`	Configure generated TableRow, TableCell, and Spinner components, mainly for loading placeholders and the loading row. Configure explicit data rows themselves.