Foundations

Radius

Corner radius for layouts, cards and form elements.

badge 1

Token	Value	Preview
`--badge-radius` 03 Token / component-tokens/badge/radius	`var(--radius-full)`

radius 9

Token	Value	Preview
`--radius-card` 03 Token / design-tokens/radius/r-card	`16px`
`--radius-card-inner` 03 Token / design-tokens/radius/r-card-inner	Desktop `8px` Tablet `16px` Mobile `8px`
`--radius-checkbox` 03 Token / design-tokens/radius/r-checkbox · added in code	`6px`
`--radius-form-element` 03 Token / design-tokens/radius/r-form-element	`12px`
`--radius-form-element-large` 03 Token / design-tokens/radius/r-form-element-large	Desktop `12px` Tablet `0px` Mobile `0px`
`--radius-form-element-small` 03 Token / design-tokens/radius/r-form-element-small	`8px`
`--radius-full` 03 Token / design-tokens/radius/r-full	`1000px`
`--radius-layout-base` 03 Token / design-tokens/radius/r-layout-base	`16px`
`--radius-layout-small-base` 03 Token / design-tokens/radius/r-layout-small-base	`8px`