Z-Index

Semantic tokens

Token	Value		Description
zIndex.base	0	primitive.zIndex.0	Default layer for regular page content.
zIndex.sticky	100	primitive.zIndex.100	Pinned in-page UI such as sticky headers, filters, or section navigation.
zIndex.header	200	primitive.zIndex.200	Persistent site or app header that should sit above sticky page content.
zIndex.popover	300	primitive.zIndex.300	Non-blocking floating UI such as dropdowns, submenus, and popovers.
zIndex.tooltip	400	primitive.zIndex.400	Transient descriptive UI that sits above popovers.
zIndex.toast	500	primitive.zIndex.500	Global notification UI that should sit above tooltips and popovers.
zIndex.scrim	600	primitive.zIndex.600	Backdrop layer behind blocking surfaces such as dialogs and drawers.
zIndex.dialog	700	primitive.zIndex.700	Top-level blocking surface such as a modal or drawer.