Density Presets
Control cell/header padding, row height, and font size with the React
<Table density> prop. Independent of the legacy compact prop (which still
works unchanged).
<Table table={table} density="condensed" />
<Table table={table} density="regular" />
<Table table={table} density="spacious" />
| Preset | Cell padding | Row height | Font size |
|---|---|---|---|
condensed | 8 × 4px | 32px | 12px |
regular | 14 × 10px | 40px | 13px |
spacious | 20 × 14px | 48px | 14px |
Each preset declares its full token set explicitly (including regular), so a
grid nested inside a differently scaled ancestor renders its own density.