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" />
PresetCell paddingRow heightFont size
condensed8 × 4px32px12px
regular14 × 10px40px13px
spacious20 × 14px48px14px

Each preset declares its full token set explicitly (including regular), so a grid nested inside a differently scaled ancestor renders its own density.