Search Kaotypr Design System

Search tokens, pages and quick actions

TokensDensity

Density

Driven by [data-density='compact'] on the root. Comfortable is the default. Locked structural mapping: only compact toggles the values.

Locked

Locked tokens

3 tokens
--density-card-paddingLocked

Light
1.5rem
comfortable
1.5rem
compact
1.5rem
--density-control-hLocked

Light
2.25rem
comfortable
2.25rem
compact
var(--size-control-sm)
--density-field-gapLocked

Light
0.5rem
comfortable
0.5rem
compact
0.5rem