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 fize
Control the font size of an element using the text{size} props.
Result
Loading...
Live Editor