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
Typography
Font Weight
f
o
n
t
-
{
w
e
i
g
h
t
}
Generated from
theme.fontWeight
hairline
100
thin
200
light
300
normal
400
medium
500
semibold
600
bold
700
extrabold
800
black
900
font-hairline
Pack my box with five dozen liquor jugs.
font-thin
Pack my box with five dozen liquor jugs.
font-light
Pack my box with five dozen liquor jugs.
font-normal
Pack my box with five dozen liquor jugs.
font-medium
Pack my box with five dozen liquor jugs.
font-semibold
Pack my box with five dozen liquor jugs.
font-bold
Pack my box with five dozen liquor jugs.
font-extrabold
Pack my box with five dozen liquor jugs.
font-black
Pack my box with five dozen liquor jugs.
Previous
Font Size
Next
Letter Spacing