chip.json

{
  "props": {
    "avatar": { "type": { "name": "element" } },
    "children": { "type": { "name": "custom", "description": "unsupportedProp" } },
    "classes": { "type": { "name": "object" } },
    "clickable": { "type": { "name": "bool" } },
    "color": {
      "type": {
        "name": "enum",
        "description": "'default'<br>&#124;&nbsp;'primary'<br>&#124;&nbsp;'secondary'"
      },
      "default": "'default'"
    },
    "component": { "type": { "name": "elementType" } },
    "deleteIcon": { "type": { "name": "element" } },
    "disabled": { "type": { "name": "bool" } },
    "icon": { "type": { "name": "element" } },
    "label": { "type": { "name": "node" } },
    "onDelete": { "type": { "name": "func" } },
    "size": {
      "type": { "name": "enum", "description": "'medium'<br>&#124;&nbsp;'small'" },
      "default": "'medium'"
    },
    "sx": { "type": { "name": "object" } },
    "variant": {
      "type": {
        "name": "union",
        "description": "'filled'<br>&#124;&nbsp;'outlined'<br>&#124;&nbsp;string"
      },
      "default": "'filled'"
    }
  },
  "name": "Chip",
  "styles": {
    "classes": [
      "root",
      "sizeSmall",
      "sizeMedium",
      "colorPrimary",
      "colorSecondary",
      "disabled",
      "clickable",
      "clickableColorPrimary",
      "clickableColorSecondary",
      "deletable",
      "deletableColorPrimary",
      "deletableColorSecondary",
      "outlined",
      "filled",
      "outlinedPrimary",
      "outlinedSecondary",
      "avatar",
      "avatarSmall",
      "avatarMedium",
      "avatarColorPrimary",
      "avatarColorSecondary",
      "icon",
      "iconSmall",
      "iconMedium",
      "iconColorPrimary",
      "iconColorSecondary",
      "label",
      "labelSmall",
      "labelMedium",
      "deleteIcon",
      "deleteIconSmall",
      "deleteIconMedium",
      "deleteIconColorPrimary",
      "deleteIconColorSecondary",
      "deleteIconOutlinedColorPrimary",
      "deleteIconOutlinedColorSecondary",
      "focusVisible"
    ],
    "globalClasses": { "disabled": "Mui-disabled", "focusVisible": "Mui-focusVisible" },
    "name": "MuiChip"
  },
  "spread": true,
  "forwardsRefTo": "HTMLDivElement",
  "filename": "/packages/material-ui/src/Chip/Chip.js",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/components/chips/\">Chips</a></li></ul>",
  "styledComponent": true,
  "cssComponent": false
}