Border
Radius
| Token and description | Value |
|---|---|
border-radius-noneUse for resetting the default border radius. | 0px |
border-radius-mdUse in small size components, such as Checkbox and Tag. | 6px |
border-radius-lgUse in default components, such as Buttons and Inputs. | 8px |
border-radius-xlUse in large components, such as Card and Dialog. | 12px |
border-radius-fullUse for having the maximum possible border radius. | 999px |
Width
| Token and description | Value |
|---|---|
border-width-0Use for resetting the default border width. | 0px |
border-width-1Use in default components, such as Buttons and Inputs. | 1px |
border-width-2Use for focus rings and large borders, such as Slider and Switch. | 2px |