Skip to main content
const zIndexSemantic: {
  base: {
     value: 0;
     unit: "none";
  };
  raised: {
     value: 1;
     unit: "none";
  };
  popup: {
     value: 200;
     unit: "none";
  };
  scrim: {
     value: 400;
     unit: "none";
  };
  floating: {
     value: 500;
     unit: "none";
  };
};
Semantic z-index tokens.

Type declaration

base

readonly base: {
  value: 0;
  unit: "none";
};

Type declaration

base.value

readonly value: 0 = 0;

base.unit

readonly unit: "none" = "none";

raised

readonly raised: {
  value: 1;
  unit: "none";
};

Type declaration

raised.value

readonly value: 1 = 1;

raised.unit

readonly unit: "none" = "none";
readonly popup: {
  value: 200;
  unit: "none";
};

Type declaration

readonly value: 200 = 200;
readonly unit: "none" = "none";

scrim

readonly scrim: {
  value: 400;
  unit: "none";
};

Type declaration

scrim.value

readonly value: 400 = 400;

scrim.unit

readonly unit: "none" = "none";

floating

readonly floating: {
  value: 500;
  unit: "none";
};

Type declaration

floating.value

readonly value: 500 = 500;

floating.unit

readonly unit: "none" = "none";