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