Font Size
Atomic props for control the font size of an element.
Atomic Props | CSS Properties |
---|---|
text-{value} / text={value} | font-size: {value}; |
textXS | font-size: 12px |
textSM | font-size: 14px |
textBase | font-size: 16px |
textLG | font-size: 18px |
textXL | font-size: 20px |
text2XL | font-size: 24px |
text3XL | font-size: 30px |
text4XL | font-size: 36px |
text5XL | font-size: 48px |
text6XL | font-size: 60px |
text7XL | font-size: 72px |
text8XL | font-size: 96px |
text9XL | font-size: 128px |
#
Use preset font fizeControl the font size of an element using the text{size} props.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
Use any valueSyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO