Shape

The shape scale defines the style of container corners, offering a range of roundedness from square to fully circular.

              
<!-- extra small -->
<div class="rounded"></div>

<!-- small -->
<div class="rounded-lg"></div>

<!-- medium -->
<div class="rounded-xl"></div>

<!-- large -->
<div class="rounded-2xl"></div>

<!-- extra large -->
<div class="rounded-[1.75rem]"></div>

<!-- full -->
<div class="rounded-full"></div>