Layering
We use z-indices to manage layering in our interfaces, adding a third axis to arrange content.
Token | Value |
---|---|
zIndexSurface | 1 |
zIndexOverlay | 5 |
zIndexWindow | 10 |
zIndexDropdown | 20 |
zIndexTooltip | 30 |
zIndexNavigation | 40 |
zIndexModal | 50 |
zIndexPopover | 60 |