TableBody

The body section of a Table. Renders <tbody> and provides TableSectionContext = 'body', which makes descendant TableCells render as <td>.

The body section of a Table. Renders <tbody> and provides TableSectionContext = 'body', which makes descendant TableCells render as <td>.

<Table>
  <TableBody>
    <TableRow>
      <TableCell>web</TableCell>
    </TableRow>
  </TableBody>
</Table>

Demos

For usage examples, visit the component demo page: Table

import { TableBody } from '@soroush.tech/design-system/Table'

Prop	Type	Default	Description
`color`	`keyof Theme['text']`	-	Text color.
`bg`	`keyof Theme['background']`	-	Background color.
`borderColor`	`keyof Theme['border']`	-	Border color.
`as`	`ElementType`	`'tbody'`	Overrides the root element.

Also supports styled-system space and border props.

If this page does not answer your question, have a look at the implementation of the component for more detail.