Table
Compound table component with caption, sortable headers, striped rows, and dense mode.
Example
| Name | Role | Status |
|---|---|---|
| Alice Johnson | Engineer | Active |
| Bob Smith | Designer | Away |
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
striped | boolean | — | No | Enables alternating row backgrounds |
dense | boolean | — | No | Reduces cell padding for data-dense layouts |
Accessibility
- Semantic <table>, <thead>, <tbody>, <tr>, <th>, <td> elements
- aria-sort on sortable headers
- scope="col" on <th> elements
Related Tokens
--table-surface--table-on-surface--table-border--table-header