Skip to main content
All CollectionsDesign System
Corner Radius Styles
Corner Radius Styles
Updated over a week ago

Corner Radius styles are the values, in points, used to curve the corners of objects in Play. Corner Radius styles are specific to each project, but Play provides you with default styles to use. You can edit or remove the default styles or add your own.

You can use values that are not part of your Corner Radius styles, but we recommend using styles to keep your project consistent.

Corner Radius Styles in macOS

To create a Corner Radius style in macOS, click the plus icon in the Styles Panel. A new Corner Radius style will appear in the styles list, placed according to its value. To choose the point value, click the edit icon on the row and, in the pop-up, use the slider or text field to enter an integer. Closing the pop-up will automatically save your selected Corner Radius style.

By default, your Corner Radius styles are titled using their value, but if you want to edit the name, right click on it and select “Rename.” This is the same way you would duplicate or delete your style.

Corner Radius Styles in iOS

To create a Corner Radius style on iOS, tap the four circle icon, and select "Corner Radius" from the menu that appears. Tap New Corner Radius, and a modal will appear where you can set your radius value, in points. Closing the modal will automatically save your Corner Radius style.

Edit your Corner Radius style by tapping on the style you'd like to edit, and adjusting the value the same way you created the initial color value.

To duplicate, delete, or rename your Corner Radius style, tap on the style's name in the editor.

Did this answer your question?