Border radius

ExampleTokenValuePXNotes
none00px
sm0.125rem2px
base0.25rem4px
md0.375rem6pxThe most common radius. Used on many elements, such as inputs, cards, tags, and more.
lg0.5rem8pxThe preferred larger rounded. Used on modals and large panels.
xl0.75rem12px
2xl1rem16px
3xl1.5rem24px
full624.938rem9999.008pxUsed for circular elements, such as avatars and buttons.