Shadows & Radius
Border radius and shadow tokens for consistent surfaces.
Border Radius
| Token | Value | Usage |
|---|---|---|
| rounded-sm | 2px | Small elements, badges |
| rounded-md | 6px | Inputs, buttons |
| rounded-lg | 8px | Cards, panels |
| rounded-xl | 12px | Dialogs, large surfaces |
| rounded-full | 9999px | Avatars, pills |
sm
md
lg
xl
full
Shadows
| Class | Usage |
|---|---|
| shadow-sm | Cards on hover |
| shadow-md | Dropdowns, tooltips |
| shadow-lg | Modals, sheets |