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.