TableRow

A <tr> inside TableBody. Its selected prop highlights the row and marks it aria-selected — row selection is opt-in per table, not a table-wide flag.

<TableRow>
  ...
</TableRow>

Examples

selected is the whole row-selection API — no separate checkbox column or selection context to wire up, just a boolean per row:

<TableRow selected={selectedId === row.id} onClick={() => setSelectedId(row.id)}>
  <TableCell>{row.name}</TableCell>
</TableRow>

Props