Radius
Corner radius tokens.
Radius scale
| Preview | Value | Class |
|---|---|---|
| 0px | rounded-ds-none | |
| 2px | rounded-ds-xs | |
| 4px | rounded-ds-sm | |
| 6px | rounded-ds-md | |
| 8px | rounded-ds-lg | |
| 12px | rounded-ds-xl | |
| 9999px | rounded-ds-full |
Guidance
Controls use md (6px). Cards, panels and dialogs use lg (8px). Badges use full (pill). xl is reserved for large surfaces.