Function chipVariants

Parameters

• Optionaloptions: {
      backgroundColor?:
          | "black"
          | "white"
          | "blue100"
          | "blue200"
          | "blue300"
          | "blue400"
          | "mainblue500"
          | "blue600"
          | "blue700"
          | "blue800"
          | "blue900"
          | "grey100"
          | "grey200"
          | "grey300"
          | "grey400"
          | "grey500"
          | "grey600"
          | "grey700"
          | "grey800"
          | "grey900"
          | "greenSuccess"
          | "yellowWarning"
          | "redDanger"
          | "blueInfo"
          | "enough"
          | "shortage"
          | "excess";
      borderColor?: | "black"
      | "white"
      | "blue100"
      | "blue200"
      | "blue300"
      | "blue400"
      | "mainblue500"
      | "blue600"
      | "blue700"
      | "blue800"
      | "blue900"
      | "grey100"
      | "grey200"
      | "grey300"
      | "grey400"
      | "grey500"
      | "grey600"
      | "grey700"
      | "grey800"
      | "grey900"
      | "greenSuccess"
      | "yellowWarning"
      | "redDanger"
      | "blueInfo"
      | "enough"
      | "shortage"
      | "excess";
      color?: | "black"
      | "white"
      | "blue100"
      | "blue200"
      | "blue300"
      | "blue400"
      | "mainblue500"
      | "blue600"
      | "blue700"
      | "blue800"
      | "blue900"
      | "grey100"
      | "grey200"
      | "grey300"
      | "grey400"
      | "grey500"
      | "grey600"
      | "grey700"
      | "grey800"
      | "grey900"
      | "greenSuccess"
      | "yellowWarning"
      | "redDanger"
      | "blueInfo"
      | "enough"
      | "shortage"
      | "excess";
      shape?: "rect"
      | "pill"
      | "tag";
      typography?:
          | "title_1_22_b"
          | "title_2_20_b"
          | "head_1_18_sb"
          | "head_2_16_sb"
          | "head_3_16_r"
          | "body_1_16_r"
          | "body_2_14_sb"
          | "body_3_14_r"
          | "body_4_12_b"
          | "body_5_12_r"
          | "caption_1_10_sb"
          | "caption_2_10_r";
  }