Radius
How round each kind of corner is. There are four steps. Choose one by what the element is, not by its size.
Scale
| Shape | Token | Value | Used for |
|---|---|---|---|
| --wr-radius-small | 4px | Compact buttons, lozenges, tooltips. | |
| --wr-radius | 6px | Buttons, fields, menu items. | |
| --wr-radius-large | 8px | Menus, popups, section messages, cards. | |
| --wr-radius-full | 9999px | Avatars, toggles, meters, progress bars. |