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]

.ds-u-radius

.ds-u-radius--pill

.ds-u-radius--circle

Guidance

Style customization

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

• --border-radius