Skip to main content

Border

Globals

Radius

Token name
Value
$border-radius-0Global/border-radius-0
0px
$border-radius-25Global/border-radius-25
2px
$border-radius-50Global/border-radius-50
4px
$border-radius-100Global/border-radius-100
8px
$border-radius-150Global/border-radius-150
12px
$border-radius-999Global/border-radius-999
50%

Width

Token name
Value
$border-width-0
0px
$border-width-100
1px
$border-width-200
2px

Style

Token name
Value
$border-style-none
none
$border-style-solid
solid
$border-style-dashed
dashed solid

Aliases

Token name
Value
$border-radius-smallSmall
$border-radius-25
$border-radius-mediumMedium
$border-radius-50
$border-radius-largeLarge
$border-radius-100
$border-width-small
$border-width-100
$border-width-medium
$border-width-200
$border-width-focus
$border-width-200
$border-radius-xLargexLarge
$border-radius-150
$border-radius-fullFull
$border-radius-999