Border
Border
Cosmos supports two different border widths that you can apply to any interface element. Use thinner borders to create contrast and structure. Use thicker borders to increase the affordance of interactive elements.
🎨 Figma: Border Tokens are available as Figma variables.
💻 Code: The Border is available as a variable.



cosmos-border-thin
1px



cosmos-border-medium
2px