Z Index
| Example | Name | Code |
|---|---|---|
-999999 |
Z-index: DEEPDeep z-index is used to stack something behind everything else. |
--as-index-deep |
1 |
Z-index: DEFAULTThe default z-index for components and elements inside components. |
--as-index-default |
100 |
Z-index: MASKEDDefault z-index for masked interface elements. |
--as-index-masked |
200 |
Z-index: MASKDefault z-index for masking interface elements. |
--as-index-mask |
300 |
Z-index: STICKYDefault z-index for sticky interface elements. |
--as-index-sticky |
400 |
Z-index: NAVIGATIONDefault z-index for navigation. |
--as-index-navigation |
500 |
Z-index: TOP BARDefault z-index for top bar. |
--as-index-top-bar |
600 |
Z-index: OVERLAYDefault z-index for modal and popup overlays. |
--as-index-overlay |
700 |
Z-index: SPINNERDefault z-index for spinners, stacking on top of overlay. |
--as-index-spinner |
800 |
Z-index: POPOUTDefault z-index for popouts that stacks on top of all other elements. |
--as-index-popout |
900 |
Z-index: TOASTDefault z-index for toast messages. |
--as-index-toast |
1000 |
Z-index: MODALDefault z-index for modals that stacks on top of overlays and other elements, but still allows popups to be visible. |
--as-index-modal |