Skip to Main Content

Radii

Using Radii

This attribute allows you to round the corners of an element using two different styles: slightly rounded, and pill (which rounds them entirely). It should be noted that this attribute will force the element into having overflow: hidden;

Markup

<div data-c-radius="STYLE"></div>

Available Arguments

# STYLE

rounded
pill

In Practice

<!--An element with rounded corners.-->
<div data-c-radius="rounded"></div>

Changelog

No changes to report! (yet)