Radius
Nine radii, and one of them is the control radius: the value that keeps a button, an input and a select looking like one family. Change it and the whole set of controls changes together.
On this page
Shapes: radii and compatibility aliases
| Token | Value |
|---|---|
--radius--radius | 0.5rem |
--gr-radius-none--gr-radius-none | 0px |
--gr-radius-xs--gr-radius-xs | 3px |
--gr-radius-sm--gr-radius-sm | 4px |
--gr-radius-control--gr-radius-control | 6px |
--gr-radius-md--gr-radius-md | 8px |
--gr-radius-lg--gr-radius-lg | 12px |
--gr-radius-xl--gr-radius-xl | 16px |
--gr-radius-full--gr-radius-full | 9999px |