# Corner Radius

### Introduction

The `Corner Radius` variable controls the radius of each of the four corners on a rounded rectangle. A value of 0 results in a sharp corner. Increasing this value makes the corners more rounded.

<figure><img src="https://2695663588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_fzQmxQ1VeUFHcoo2c%2Fuploads%2Fgit-blob-51e9823f822dc51eec54c337a9ae224171f6f9d6%2F30_05%2049%2033.gif?alt=media" alt=""><figcaption></figcaption></figure>

Corner Radius is restricted to half of the smallest absolute dimension. In other words, if the RoundedRectangle is too small to fit its set CornerRadius, then the effective CornerRadius shrinks.

The following shows a RoundedRectangle with a `Corner Radius` of 60. If it is resized to have an effective width or height of less than 120, then the effective radius shrinks.

<figure><img src="https://2695663588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_fzQmxQ1VeUFHcoo2c%2Fuploads%2Fgit-blob-647fefdea6d6c8f6b471dba0b640a8e3d303b354%2F29_13%2024%2032.gif?alt=media" alt=""><figcaption><p>Corner radius shrinking in response to smaller size</p></figcaption></figure>

Similarly, setting a Corner Radius that is larger than half the Width or Height does not affect the RoundedRectangle.

<figure><img src="https://2695663588-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_fzQmxQ1VeUFHcoo2c%2Fuploads%2Fgit-blob-84bae17426bcc3c54fdd639454d150e933fa8938%2F29_13%2027%2004.gif?alt=media" alt=""><figcaption></figcaption></figure>
