Edit page

Radius

Use the following utilities to style border-radius.

All Corners
r
o
u
n
d
e
d
{
-
s
i
z
e
?
}

None

rounded-none

Small

rounded-sm

Default

rounded

Large

rounded-lg

Full

rounded-full

Separate Sides
r
o
u
n
d
e
d
-
{
t
|
r
|
b
|
l
}
{
-
s
i
z
e
?
}

Top

rounded-t

Right

rounded-r

Bottom

rounded-b

Left

rounded-l

Separate Corners
r
o
u
n
d
e
d
-
{
t
l
|
t
r
|
b
r
|
b
l
}
{
-
s
i
z
e
?
}

Top Left

rounded-tl

Top Right

rounded-tr

Bottom Right

rounded-br

Bottom Left

rounded-bl