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
Layout
Object Position
o
b
j
e
c
t
-
{
l
e
f
t
|
r
i
g
h
t
|
c
e
n
t
e
r
?
}
-
{
t
o
p
|
b
o
t
t
o
m
?
}
Generated from
theme.objectPosition
bottom
bottom
center
center
left
left
left-bottom
left bottom
left-top
left top
right
right
right-bottom
right bottom
right-top
right top
top
top
Center
object-center
Top
object-top
Right Top
object-right-top
Right
object-right
Right Bottom
object-right-bottom
Bottom
object-bottom
Left Bottom
object-left-bottom
Left
object-left
Left Top
object-left
Previous
Object Fit
Next
Overflow