Control dimensions
Measured Kumo control heights: xs 20px, sm 26px, base 36px and lg 40px.
Each row uses the real component templates. Body text remains 14px under wdj design rules; Kumo uses 12px for xs/sm. TagInput can grow as tags wrap and textarea height follows its content.
xs · 20px
Button
@
sm · 26px
Button
@
base · 36px
Button
@
lg · 40px
Button
@
Toggle dimensions
Switch sm · 32 × 16px
Switch base · 36 × 18px
Switch lg · 40 × 20px
Checkbox · 16 × 16px
Radio · 16 × 16px
Tab list dimensions
navigation · segmented · base · 36px
navigation · segmented · sm · 26px
navigation · underline · base · 30px
navigation · underline · sm · 26px
local · segmented · base · 36px
local · segmented · sm · 26px
local · underline · base · 30px
local · underline · sm · 26px