This app works best with JavaScript enabled.
Close Menu
Introduction
Installation
Framework Agnostic
React
Customization
Overview
Theme
Utilities
Variants
Apply
Layout
Container
Display
Float
Object Fit
Object Position
Overflow
Position
Visibility
Z Index
Typography
Font Family
Font Size
Font Weight
Letter Spacing
Line Height
Lists
Style and Decoration
Text Alignment
Text Color
Vertical Alignment
Whitespace
Background
Background Attachment
Background Color
Background Position
Background Repeat
Background Size
Border
Border Color
Border Radius
Border Style
Border Width
Flexbox
Align Content
Align Items
Align Self
Flex
Flex Direction
Flex Display
Flex Grow
Flex Shrink
Flex Wrapping
Justify Content
Space
Margin
Padding
Size
Height
Width
Tables
Border Collapse
Table Layout
Effects
Box Shadow
Opacity
Interactivity
Appearance
Cursor
Outline
Pointer Events
Resize
User Select
Svg
Fill
Stroke
Border
Border Radius
All Sides
r
o
u
n
d
e
d
{
-
s
i
z
e
?
}
Generated from
theme.borderRadius
none
0
sm
.125rem
default
.25rem
lg
.5rem
full
9999px
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
Previous
Border Color
Next
Border Style