Skip to main content
.cornerRadius(radius: number): Component;

Parameters

radius
number
The corner radius in points. Larger values create more rounded corners.

Support

Usage

Slightly rounded corners

Rectangle()
    .fill(Color("blue"))
    .cornerRadius(8)

Very rounded corners

Rectangle()
    .fill(Color("red"))
    .frame({ width: 100, height: 100 })
    .cornerRadius(25)

Circular shape

Rectangle()
    .fill(Color("green"))
    .frame({ width: 50, height: 50 })
    .cornerRadius(25)