Apply rounded corners to an element with the border radius utility.

The border radius utility supports default, pill, and circle radiuses, which set border-radius to 3px, 9999px and 100% respectively.

Format: .ds-u-radius--[pill|circle]

Guidance

Style customization

The following CSS variables can be overridden to theme the border radius utility:

• --border-radius