Toggle menu
Docs
Components
Search
K
Open command menu
Command Palette
Search for a command to run...
system
light
dark
Corner Radius
Copy Page
Radius Scale
2xl · --radius-2xl · 24px
xl · --radius-xl · 20px
lg · --radius-lg · 16px
md · --radius-md · 12px
sm · --radius-sm · 8px
xs · --radius-xs · 4px
Hover to inspect
Token
CSS Variable
Value
xs
--radius-xs
4px
sm
--radius-sm
8px
md
--radius-md
12px
lg
base
--radius-lg
16px
xl
--radius-xl
20px
2xl
--radius-2xl
24px
Nesting
Parent radius: 24px
Padding: 8px
Child radius = max(0, 24 − 8) =
16px
Colors
Icons