Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Text Styles

The built-in text styles in Chakra UI

Chakra UI provides these text styles out of the box.


textStyle: xs

Chakra UI

textStyle: sm

Chakra UI

textStyle: md

Chakra UI

textStyle: lg

Chakra UI

textStyle: xl

Chakra UI

textStyle: 2xl

Chakra UI

textStyle: 3xl

Chakra UI

textStyle: 4xl

Chakra UI

textStyle: 5xl

Chakra UI

textStyle: 6xl

Chakra UI

textStyle: 7xl

Chakra UI

Previous

Z-Index

Next

Layer Styles