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

NameTypeDefault value
select{ list: { value: "{zIndex.popup}"; }; }-
select.list{ value: "{zIndex.popup}"; }-
select.list.value"{zIndex.popup}""{zIndex.popup}"
modal{ overlay: { value: "{zIndex.scrim}"; }; dialog: { value: "{zIndex.floating}"; }; }-
modal.overlay{ value: "{zIndex.scrim}"; }-
modal.overlay.value"{zIndex.scrim}""{zIndex.scrim}"
modal.dialog{ value: "{zIndex.floating}"; }-
modal.dialog.value"{zIndex.floating}""{zIndex.floating}"