Table
No consumersRows and columns of comparable data, with a sticky header row.
Real table elements, so rows and columns are announced as such. Use a table when the reader will compare values down a column — a list of items each with one label is a list, not a table.
Default
TableRow takes selected for the highlighted state. TableCaption and TableFooter are available for a summary row.
| Page | Status | Updated |
|---|---|---|
| Home | Published | 2 hours ago |
| About | Draft | Yesterday |
| Pricing | Scheduled | Last week |
Props
TableRow
| Prop | Type | Default | Description |
|---|---|---|---|
selected | boolean | — | Applies the selected-row fill. |
Table parts
| Prop | Type | Default | Description |
|---|---|---|---|
Table / TableHeader / TableBody / TableFooter / TableHead / TableCell / TableCaption | native table attributes | — | Thin styled wrappers around the corresponding HTML elements. |