Skip to content

Border

Border

Border radius

Define consistent border radii to establish rounded corners and maintain a cohesive visual style across UI elements.

ValueDescriptionToken Name
Card border radius
Overlay border radius
Button border radius
Checkbox border radius
No border radius
Extra-extra-small radius
Extra-small radius
Small radius
Medium radius
Large radius
Extra-large radius
2x extra-large radius
3x extra-large radius
4x extra-large radius
Fully rounded radius