Build faster with Premium Chakra UI Components 💎

Learn more
Skip to Content
DocsPlaygroundGuidesBlog
Sponsor

Z-Index

The list of available z-index tokens

Tokens

Chakra UI supports the following z-index tokens out of the box.

theme.tokens.zIndex

Name

Value

hide

-1

base

0

docked

10

dropdown

1000

sticky

1100

banner

1200

overlay

1300

modal

1400

popover

1500

skipNav

1600

toast

1700

tooltip

1800

max

2147483647

Previous

Typography

Next

Text Styles