ComponentZIndex

type ComponentZIndex = Flattened<{
  zIndex: typeof zIndexComponents;
}>;

Component z-index values for individual UI components. They inherit from the SemanticZIndex via CSS variables.

Example

const theme: Partial<ComponentZIndex> = {
  "zIndex-modal-overlay": "1000",
  "zIndex-modal-dialog": "1001",
};

zIndexComponents for the default token values
SemanticZIndex for the semantic z-index values that component values inherit from

⌘I