Border radius

ExampleTokenValuePXNotes
none0

sm0.125rem2px

base0.25rem4px

md0.375rem6px

The most common radius. Used on many elements, such as inputs, cards, tags, and more.

lg0.5rem8px

The preferred larger radius. Used on modals and large panels.

xl0.75rem12px

2xl1rem16px

3xl1.5rem24px

full9999px

Used for buttons.