Corners
Corners, or border radius, is used to create rounded corners on elements by defining the radius of the element’s corners.
Rounded corners can be applied to all corners uniformly or individually to specific corners. This can be used to create a variety of shapes and effects, such as rounded cards or sections.
![Rounded Cards](https://mintlify.s3-us-west-1.amazonaws.com/makeswift/images/builder/corners1.gif)
Pro tips
In Makeswift, you’re able to select which corners you want to change the radius for within a box, allowing you to create some interesting effects and shapes. Be sure to keep in mind the contents of your box or element as corner radius does not take content into account.
![Selecting different corners](https://mintlify.s3-us-west-1.amazonaws.com/makeswift/images/builder/corners2.gif)
Shortcuts
While dragging the panel inputs for individual corners, hold the ⌥ Option
or Alt
key to equally change parellel corners of an element. Hold ⇧ Shift + ⌥ Option
or Alt
to equally change all corners.
![⌥Option (or Alt) hotkey](https://mintlify.s3-us-west-1.amazonaws.com/makeswift/images/builder/corners3.gif)
Developer notes
You can give your team control over the corners property for any custom component using the Style control.
Was this page helpful?