zIndex
O Nimbus possui valores de z-index pré-definidos para facilitar a organização no empilhamento de elementos na tela, evitando assim a sobreposição de componentes.
Reference | Token name | Token usage | Role |
---|---|---|---|
zIndex-100 | 100 | The minimum z-index value, use not defined. | |
zIndex-200 | 200 | - | |
zIndex-300 | 300 | - | |
zIndex-400 | 400 | - | |
zIndex-500 | 500 | - | |
zIndex-600 | 600 | Value commonly used for overlay elements, modals and sidebars. | |
zIndex-700 | 700 | Value commonly used for modals and sidebars. | |
zIndex-800 | 800 | Value commonly used floating components like toasts, tooltips and popovers. | |
zIndex-900 | 900 | The highest z-index value, use not defined. |