ZIndex
Os tokens de ZIndex definem os valores de sobreposição dos elementos do Copan e podem ser utilizado para a construção de componentes sobrepostos respeitando essa hierarquia.
O token zindex.aboveAll é disponibilizado quando for necessário que um componente se posicione acima de qualquer elemento do Design System.
Token | Valor |
|---|---|
| zindex.fab var(--zindex-fab) $zindex-fab | 100 |
| zindex.navigation var(--zindex-navigation) $zindex-navigation | 200 |
| zindex.popover var(--zindex-popover) $zindex-popover | 300 |
| zindex.backdrop var(--zindex-backdrop) $zindex-backdrop | 500 |
| zindex.drawer var(--zindex-drawer) $zindex-drawer | 510 |
| zindex.modal var(--zindex-modal) $zindex-modal | 520 |
| zindex.dialog var(--zindex-dialog) $zindex-dialog | 530 |
| zindex.modalContent var(--zindex-modalContent) $zindex-modalContent | 550 |
| zindex.snackbar var(--zindex-snackbar) $zindex-snackbar | 600 |
| zindex.tooltip var(--zindex-tooltip) $zindex-tooltip | 700 |
| zindex.aboveAll var(--zindex-aboveAll) $zindex-aboveAll | 1000 |