Semantic table element for presenting data.
Groups the Header
and Body
parts. This component is based on the table
element and supports common margin props.
Contains the column headings for the table, based on the thead
element.
Displays the table data. This component is based on the tbody
element.
A row of table cells. Based on the tr
element.
A basic table cell. This component is based on the td
element, but uses justify
instead of align
to control how horizontal space is distributed within the table cell.
The header of a table column. Based on the th
element and provides the same props interface as the Cell
part.
The header of a table row. Based on the th
element and provides the same props interface as the Cell
part.
Use the size
prop to control how large the text and padding of the table cells should be.
Use variant="surface"
to add a visually enclosed backplate to the table.