Table
Styled table. Composable modifiers: striped, compact, borderless, fixed, responsive, stack (mobile).
Default + striped
| Product | Price | Status |
|---|
| Laptop | $3,499 | In stock |
| Monitor | $1,299 | In stock |
| Keyboard | $299 | Out |
<table class="table table--striped">
<thead><tr><th>…</th></tr></thead>
<tbody><tr><td>…</td></tr></tbody>
</table>
Compact + borderless
| File | Size | Modified |
|---|
| document.pdf | 2.4 MB | 2026-01-15 |
| image.jpg | 456 KB | 2026-01-14 |
| sheet.xlsx | 1.2 MB | 2026-01-13 |
<table class="table table--compact table--borderless">…</table>
Modifiers
| Class | Effect |
|---|
.table | Base — left-aligned, bordered. |
.table--striped | Zebra rows. |
.table--compact | Tighter cell padding. |
.table--borderless | Remove vertical/outer borders. |
.table--fixed | Fixed table-layout for equal columns. |
.table--responsive | Horizontal scroll on small screens. |
.table--stack | On mobile, rows stack as cards (requires data-label on cells). |