Border Radius Tokens
Border radius tokens are used to give sharp edges a more subtle, rounded effect. They use rem units so they scale with the base font size. The pixel values displayed are based on a 16px font size.
| Token | Value | Example |
|---|---|---|
--terra-border-radius-small |
0.125rem (2px) | |
--terra-border-radius-medium |
0.25rem (4px) | |
--terra-border-radius-large |
0.5rem (8px) | |
--terra-border-radius-x-large |
1rem (16px) | |
--terra-border-radius-circle |
50% |