components
TableBody
v.1.0.0 | SaturnUsage
import { TableBody, TableRow, TableCell } from '@kubit-ui-web/react-components'
12345678910
<TableBody variant="DEFAULT"> <TableRow variant="BODY_ROW_DEFAULT"> <TableCell variant="BODY_CELL_DEFAULT">Row 1 - Cell 1</TableCell> <TableCell variant="BODY_CELL_DEFAULT">Row 1 - Cell 2</TableCell> <TableCell variant="BODY_CELL_DEFAULT">Row 1 - Cell 3</TableCell> <TableCell variant="BODY_CELL_DEFAULT">Row 1 - Cell 4</TableCell> <TableCell variant="BODY_CELL_DEFAULT">Row 1 - Cell 5</TableCell> </TableRow> <TableRow variant="DEFAULT"> <TableCell variant="BODY_CELL_DEFAULT">Row 2 - Cell 1</TableCell>
Props
Let's delve into the versatility of the tableBody component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
| variant | string | - | Current variant of TableBody |
| id | string | - | HTML identifier |
| component | string or React.ComponentType<any> | tbody | HTML component to render |
| dataTestId | string | tableBody | Id for testing |
| ctv | string | - | Modify styles for the component |