> For the complete documentation index, see [llms.txt](https://docs.floatgrids.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.floatgrids.com/features/corners.md).

# Corners

Apply corners to the primitive prefabs to get them applied to all your components.

## Changing corners

{% embed url="<https://youtu.be/C7BKAVRWULo>" %}

## Corners Structure

* Radius: From 4px to 22px
* Rounded: Sprites adapted to FloatGrid button sizes
* Masks: Sprites used for cases when not all the corners are equal

Find them in FloatGrids/Design System/Sprites/Corners

### Corner Radius

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F9e49QwLbWIjcyHJUUBcd%2FCorners.png?alt=media&amp;token=9bf473db-780f-4db1-a351-446cad5a9da6" alt=""><figcaption></figcaption></figure>

### Variable

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F3TFj7w7uR2XnDEW3GmMi%2FVariable.png?alt=media&amp;token=47ee1a62-b3dc-4933-879e-3c2d65705358" alt=""><figcaption></figcaption></figure>