Z-index Manager
Visual Stacking Diagram
Recommended Z-Index Scale
| Layer | z-index | Use For |
|---|---|---|
| Base | 0 | Default content |
| Raised | 1–9 | Slightly elevated elements (cards, shadows) |
| Dropdown | 100 | Dropdown menus, autocomplete |
| Sticky | 200 | Sticky headers, sidebars |
| Navbar | 300 | Fixed navigation |
| Overlay | 400 | Background overlays |
| Modal | 500 | Modal dialogs |
| Popover | 600 | Popovers, tooltips |
| Toast / Notification | 700 | Toast messages, notifications |
| Max / Debug | 9999 | Dev overlays, cookie banners |
Custom Input