Border radius
Example | Token | Value | PX | Notes |
---|---|---|---|---|
none | 0 |
| ||
sm | 0.125rem | 2px | ||
base | 0.25rem | 4px | ||
md | 0.375rem | 6px | The most common radius. Used on many elements, such as inputs, cards, tags, and more. | |
lg | 0.5rem | 8px | The preferred larger radius. Used on modals and large panels. | |
xl | 0.75rem | 12px | ||
2xl | 1rem | 16px | ||
3xl | 1.5rem | 24px | ||
full | 9999px |
| Used for buttons. |