YuezhenQin
commented
6 months ago | Corner Radius | Used for |
|---|---|
| 16px | Large container components like sheets and dialogs |
| 12px (default) | Medium components like cards, snack bars, banners |
| 8px | Medium or small components that often live inside others, like buttons or nested components |
| 4px | Small components like tags |
For simple reference, the metric values for corner radius are 16, 12, 8, and 4. These radius metrics are dependent on the size of the component that it is applied to.