Skip to Content

Docs Enterprise Blog Showcase

v22.8.x v11.5.x

Get Started Styling Theming Components

Concepts

Overview Tokens Semantic Tokens Recipes Slot Recipes

Design Tokens

Animations Aspect Ratios Breakpoints Colors Radii Shadows Sizes Spacing Typography Z-Index

Customization

Overview Breakpoints Colors Conditions CSS Variables Global CSS Recipes Sizes Spacing

Shadows

The list of available shadow tokens

Semantic Tokens

Chakra UI supports these semantic tokens out of the box.

theme.semanticTokens.shadows

xs

sm

md

lg

xl

2xl