components
TableRow
v.1.0.0 | SaturnUsage
import { TableRow, TableCell } from '@kubit-ui-web/react-components'
1234567
<TableRow variant="HEADER_ROW_DEFAULT"> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 1</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 2</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 3</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 4</TableCell> <TableCell variant="HEADER_CELL_DEFAULT">Header Cell 5</TableCell> </TableRow>
Props
Let's delve into the versatility of the tableRow component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
| variant | string | - | Current variant of TableRow |
| id | string | - | HTML identifier |
| active | boolean | - | When true, active styles will be applied if defined |
| hoverable | boolean | true | When true, the row will change its styles when hovered |
| component | string or React.ComponentType<any> | tr | HTML component to render |
| onClick | function | - | onClick function |
| onMouseEnter | function | - | onMouseEnter function |
| onMouseLeave | function | - | onMouseLeave function |
| dataTestId | string | tableRow | Id for testing |
| ctv | string | - | Modify styles for the component |