Tables

Content

A bare <table> gets full styling with no class required: collapsed borders, uppercase small-caps headers, compact cell padding. .striped and .numeric are the only two opt-in classes.

Name	Description
`table`	Zero-class collapsed table layout with hairline borders and compact padding.
`th`	Uppercase small-caps table header with surface background and subtle tracking.
`caption`	Bold caption element positioned above table with rhythm padding.
`.striped`	Zebra-stripes even `<tbody>` rows with a 3% foreground tint.
`.numeric`	Right-aligns content and switches on tabular-nums for numeric columns.
`.properties`	Table variant keeping leading identifier/token columns unwrapped.

Bare table, zero classes

<table>
  <thead>
    <tr><th>Name</th><th class="numeric">Count</th></tr>
  </thead>
  <tbody>
    <tr><td>Widgets</td><td class="numeric">42</td></tr>
  </tbody>
</table>

Live

Name	Count
Widgets	42

All classes

TABLES

Class	Declares
`.numeric`	`text-align: right`
`.striped tbody tr:nth-child(even)`	`background: oklch(from var(--color-foreground) l c h / 0.03)`
`.properties`	`white-space: nowrap`