# Corner radius

> Corner radius is how round the corners of a surface or control are. Apple and Material round different things by different amounts, so one value rarely suits both.

Page: https://www.appetiteui.com/academy/glossary/corner-radius. Corner radius on iOS and Material 3. Also called Shape.

## At a glance

|  | iOS | Android (Material 3) | Appetite UI |
| --- | --- | --- | --- |
| Name | Corner radius | Shape, corner tokens | platform/*/corner and the radius scale |
| Control corner | 8 pt | Fully round | `platform/control/corner` |
| Sheet corner | 12 pt | 28 dp | `platform/sheet/corner` |
| Dialog corner | 12 pt | 28 dp | `platform/dialog/corner` |
| Card corner | 12 pt | 12 dp | `platform/card/corner` |

## In practice

Material 3 makes buttons fully round and sheets and dialogs round at 28; the iOS mode of the kit keeps controls at 8 and sheets at 12.

Appetite UI holds both answers as Platform variables: platform/control/corner is 8 on iOS and fully round on Android, platform/sheet/corner and platform/dialog/corner 12 against 28, and platform/card/corner 12 on both.

## Questions

### What corner radius do iOS and Android use for sheets and dialogs?

In Appetite UI’s Platform collection a sheet is 12 on iOS and 28 on Android, and a dialog 12 against 28. Cards are 12 on both.

### What is Material 3’s shape scale?

Material 3 names corner sizes from none through extra small, small, medium, large and extra large to full. Appetite UI’s Platform Bridge points those slots at its own radius tokens in Brand mode, so a Material screen takes the brand’s corners.

## Sources

1. [Material Design 3: Corner radius scale](https://m3.material.io/styles/shape/corner-radius-scale)

## Related

- Screens: [Sign in and sign up screens](https://www.appetiteui.com/screens/patterns/sign-in)
- Docs: [Dimensions](https://www.appetiteui.com/docs/dimensions)
- Docs: [Platform Bridge](https://www.appetiteui.com/docs/platform-bridge)
- Article: [iOS vs Material 3: what changes per component](https://www.appetiteui.com/blog/ios-vs-material-3-components)
- Glossary: [Bottom sheet](https://www.appetiteui.com/academy/glossary/bottom-sheet)
- Glossary: [Spacing scale](https://www.appetiteui.com/academy/glossary/spacing-scale)