Skip to content
On this page

Z-Index

NameValue
z-index-bottom-100

Defined in src/codex-base.json

Refers to z-index.-100

Use descriptive `z-index` tokens for layout purposes.

z-index-base0

Defined in src/codex-base.json

Refers to z-index.0

z-index-above-content1

Defined in src/codex-base.json

Refers to z-index.1

z-index-toolbar2

Defined in src/codex-base.json

Refers to z-index.2

z-index-dropdown50

Defined in src/codex-base.json

Refers to z-index.50

z-index-sticky100

Defined in src/codex-base.json

Refers to z-index.100

z-index-fixed200

Defined in src/codex-base.json

Refers to z-index.200

z-index-off-canvas-backdrop300

Defined in src/codex-base.json

Refers to z-index.300

z-index-off-canvas350

Defined in src/codex-base.json

Refers to z-index.350

z-index-overlay-backdrop400

Defined in src/codex-base.json

Refers to z-index.400

z-index-overlay450

Defined in src/codex-base.json

Refers to z-index.450

z-index-tooltip800

Defined in src/codex-base.json

Refers to z-index.800

z-index-toast-notification900

Defined in src/codex-base.json

Refers to z-index.900

z-index-top9999

Defined in src/codex-base.json

Refers to z-index.9999

z-index-stacking-00

Defined in src/codex-base.json

Refers to z-index.0

Use stacking-specific z-index tokens inside components to layer individual elements.

z-index-stacking-11

Defined in src/codex-base.json

Refers to z-index.1

z-index-stacking-22

Defined in src/codex-base.json

Refers to z-index.2

z-index-stacking-33

Defined in src/codex-base.json

Refers to z-index.3