Documentation

Radius

Design Tokens

Border-radius steps pulled from the Figma export.

10 radius steps pulled from the Figma export. Buttons use `rounded-sm`, cards `rounded-lg`, dialogs `rounded-xl`.

0px
rounded-none
2px
rounded-xs
4px
rounded-sm
6px
rounded-md
8px
rounded-lg
12px
rounded-xl
16px
rounded-2xl
24px
rounded-3xl
32px
rounded-4xl
9999px
rounded-full