Skip to content

Z-Index

List of design token names, values and metadata for
NameValue
z-index-bottom-100

Defined in src/application.json

Refers to z-index.-100

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

z-index-base0

Defined in src/application.json

Refers to z-index.0

z-index-above-content1

Defined in src/application.json

Refers to z-index.1

z-index-toolbar2

Defined in src/application.json

Refers to z-index.2

z-index-dropdown50

Defined in src/application.json

Refers to z-index.50

z-index-sticky100

Defined in src/application.json

Refers to z-index.100

z-index-fixed200

Defined in src/application.json

Refers to z-index.200

z-index-off-canvas-backdrop300

Defined in src/application.json

Refers to z-index.300

z-index-off-canvas350

Defined in src/application.json

Refers to z-index.350

z-index-overlay-backdrop400

Defined in src/application.json

Refers to z-index.400

z-index-overlay450

Defined in src/application.json

Refers to z-index.450

z-index-tooltip800

Defined in src/application.json

Refers to z-index.800

z-index-toast-notification900

Defined in src/application.json

Refers to z-index.900

z-index-top9999

Defined in src/application.json

Refers to z-index.9999

z-index-stacking-00

Defined in src/application.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/application.json

Refers to z-index.1

z-index-stacking-22

Defined in src/application.json

Refers to z-index.2

z-index-stacking-33

Defined in src/application.json

Refers to z-index.3