Density
Toggle density — live
Tokens
Applying density
<html data-density="comfortable"> <!-- default -->
<html data-density="compact"> <!-- for dense dashboards -->Components read density from CSS — no React prop required.
Set density once on
<html> and let the cascade do the work.Don't author per-component
dense props. The density attribute is the contract.