In this library, several components utilize z-index. This document will let you know the order of the z-index in components.
This library leverages z-index for stacking elements. Avoid modifying z-index values to prevent layout disruptions.
The z-index property helps manage the overlay and layout of elements relative to one another, controlling their arrangement along the z-axis. Customizing these values is not recommended, as it may disrupt the intended layout.
| Component | Class | Value (z-index) |
|---|---|---|
| Navbar | .z-100 | 100 |
| Dropdown | .z-200 | 200 |
| Drawer | .z-300 | 300 |
| Modal | .z-400 | 400 |
| Popup | .z-500 | 500 |
| Tooltip | .z-600 | 600 |
| Notifications | .z-700 | 700 |
Important Notes
- The predefined z-index values ensure components stack and function correctly.
- Modifying these values is discouraged to prevent layout and overlay issues