Skip to main content

Border Radius

Semantic tokens for border radius provide a standardized way to define and apply corner rounding across components in the design system. These tokens abstract the concept of border radius into reusable variables, ensuring consistency while allowing for flexibility in customization.

Is inherited by the border-radius property.

SampleTokenBase token value

$cds-border-radius-null$cdsbt-dimension-0

0 rem

$cds-border-radius-25$cdsbt-dimension-4

0.25 rem

$cds-border-radius-50$cdsbt-dimension-8

0.50 rem

$cds-border-radius-100$cdsbt-dimension-16

1 rem

$cds-border-radius-full$cdsbt-dimension-999

999 rem