Border Radius

Utilities for controlling the border radius of an element.

Class CSS Output
rounded
border-radius: 0.25rem;
rounded-none
border-radius: 0;
rounded-sm
border-radius: var(--radius-sm);
rounded-md
border-radius: var(--radius-md);
rounded-lg
border-radius: var(--radius-lg);
rounded-full
border-radius: calc(infinity * 1px);
rounded-t-md
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
rounded-tl-lg
border-top-left-radius: var(--radius-lg);
rounded-[12px]
border-radius: 12px;