# Density

Comfortable (44px rows) or compact (36px) for long lists like the audit log. A small segmented control in the table toolbar; the phone has no density (lists).

- **Group:** Data table · **family:** `data-table` · **shadcn:** ToggleGroup
- **Build:** `ToggleGroup` in the toolbar.
- **In apps/admin today:** Not in apps/admin.
- **Client component:** yes. 

## Content rules

- Labels: Comfortable, Compact.

## Do

- Remember per table per person.

## Don't

- A third density.

## Accessibility

- **Keyboard:** As Segmented.
- **ARIA:** `aria-label="Row density"`.
- **Focus:** Ring.

## Tokens

`--row-compact` `--s-1` `--row`

## Files

`density.html` live specimen · `density.css` kit rules · `density.d.ts` props · full page: `docs/components/density/` (phone: `m/`).