Data Display

Table

A composable table built from semantic HTML elements with consistent styling. Use the sub-components to build tables of any shape.

Invoice	Status	Method	Amount
INV-001	Paid	Credit Card	$250.00
INV-002	Pending	PayPal	$150.00
INV-003	Unpaid	Bank Transfer	$350.00
INV-004	Paid	Credit Card	$450.00

import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@mikenotthepope/substrateui"

Table
├── TableHeader
│   └── TableRow
│       └── TableHead
└── TableBody
    └── TableRow
        └── TableCell

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes to apply to the table element.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes for the thead element.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes for the th element.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes for the tbody element.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes for the tr element.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes for the td element.