TableCell

A single cell containing data in a table.

Figma componentStorybook documentation

Table cell

React

<TableCell>Table cell</TableCell>

CSS

<th class="table_cell">Cell (in table head)</th>

<td class="table_cell">Cell (in table body)</td>

Props

Kind

Change the content alignment and cell size depending on the type of content.

Default	Number	Action
Default	00

React

<TableCell>Default</TableCell>
<TableCell kind="number">Number</TableCell>
<TableCell kind="action">Action</TableCell>

CSS

<th class="table_cell">Default</th>
<th class="table_cell table_cell-number">Number</th>
<th class="table_cell table_cell-action">Action</th>

<td class="table_cell">Default</td>
<td class="table_cell table_cell-number">Number</td>
<td class="table_cell table_cell-action">Action</td>