Components

Control

Compact inputs for values, units, and tokens.

Segmented control

Select a layout mode. Hover or focus an icon to see its label.

Alignment control

Pick one of nine flex alignment points or preview a space-between distribution.

center
Justify between
Y-axis justify
Text align: baseline

Alignment cell

Shared marker states for alignment controls.

Dimensions

Type length expressions for rectangle size. Press Enter or move focus away to apply them.

240px
160px

Preview

240px × 160px

Value and unit

Token