Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Slot Recipes

The built-in layer styles in Chakra UI

Chakra UI provides these text styles out of the box.


layerStyle: fill.*

fill.muted
fill.subtle
fill.surface
fill.solid

layerStyle: outline.*

outline.subtle
outline.solid

layerStyle: indicator.*

indicator.top
indicator.bottom
indicator.start
indicator.end

Previous

Text Styles

Next

Overview