Skip to main content
const zIndexComponents: {
  select: {
     list: {
        value: "{zIndex.popup}";
     };
  };
  modal: {
     overlay: {
        value: "{zIndex.scrim}";
     };
     dialog: {
        value: "{zIndex.floating}";
     };
  };
};
Component z-index tokens.

Type declaration

select

readonly select: {
  list: {
     value: "{zIndex.popup}";
  };
};

Type declaration

select.list

readonly list: {
  value: "{zIndex.popup}";
};
Type declaration

select.list.value

readonly value: "{zIndex.popup}" = "{zIndex.popup}";
readonly modal: {
  overlay: {
     value: "{zIndex.scrim}";
  };
  dialog: {
     value: "{zIndex.floating}";
  };
};

Type declaration

readonly overlay: {
  value: "{zIndex.scrim}";
};
Type declaration
readonly value: "{zIndex.scrim}" = "{zIndex.scrim}";
readonly dialog: {
  value: "{zIndex.floating}";
};
Type declaration
readonly value: "{zIndex.floating}" = "{zIndex.floating}";