Border Radius

Border radius allow you to add rounded corner to element.

NameValue
none0
sm0.125rem
md0.25rem
lg0.5rem
xl1rem
2xl2rem
3xl4rem
full9999px
DEFAULT (0.25rem)
none (0)
sm (0.125rem)
md (0.25rem)
lg (0.5rem)
xl (1rem)
2xl (2rem)
3xl (4rem)
full (9999px)
<div class="rounded-none"></div> <div class="rounded-sm"></div> <div class="rounded-md"></div> <div class="rounded-lg"></div> <div class="rounded-xl"></div> <div class="rounded-2xl"></div> <div class="rounded-3xl"></div> <div class="rounded-full"></div>
// WIP
// WIP
// WIP