Border tokens
Guidelines for using borders across the Design System.
Border width
The following 6 tokens can be used to set the thickness of borders.
none (0px)
sm (1px)
md (2px)
lg (3px)
xl (4px)
xxl (8px)
Border radius tokens
Use the following border radius token to apply rounded corners to containers.
- 4px
Use it by setting rounded on the Box component as seen in the following example.
A Box with rounded corners