{
  "properties": [
    {
      "name": "value",
      "type": "null",
      "description": "Reflect value of Chips component"
    },
    {
      "name": "label",
      "type": "String",
      "description": "Label at the top of the Chips component"
    },
    {
      "name": "placeholder",
      "type": "String",
      "description": "Setup placeholder inside area related to new chip"
    },
    {
      "name": "removable",
      "type": "Boolean",
      "description": "Allow remove chips items when setup as true"
    },
    {
      "name": "validators",
      "type": "Array<Object>",
      "description": " Array of validator Objects. When multiple validators fail, only one error is displayed, determined by their order in the array. Each Object should have three fields:",
      "subProperty": [
        {
          "name": "name",
          "type": "String",
          "description": "Validator id"
        },
        {
          "name": "message",
          "type": "String",
          "description": "Error message that shown when validation fails"
        },
        {
          "name": "validator",
          "type": "Function",
          "description": " Function that takes input value as an argument and returns Boolean"
        }
      ]
    },
    {
      "name": "showErrors",
      "type": "Boolean",
      "default": "true",
      "description": "Responsible for showing error message"
    },
    {
      "name": "alt",
      "type": "Boolean",
      "description": "When the props passed the alternative styles with functionality will be applied, the chip will be saved only if it passes validation check and etc"
    },
    {
      "name": "paddingRight",
      "type": "String",
      "default": "185px",
      "description": "Apply padding right for 'ds-chips-container' when component has a slot right"
    },
    {
      "name": "showCorrectCheck",
      "type": "Boolean",
      "default": "true",
      "description": "Allowed to display default green background for valid state of Chips"
    },
    {
      "name": "showValidations",
      "type": "Boolean",
      "default": "true",
      "description": "Responsible for displaying validation of Chips"
    },
    {
      "name": "name",
      "type": "String",
      "description": "With this property Chips component will be listening to validation with current value for e.g. 'validateTest'"
    },
    {
      "name": "disabled",
      "type": "Boolean",
      "description": "Disable input inside Chips component"
    },
    {
      "name": "maxLength",
      "type": "Number",
      "description": "Max allowed count of value items"
    }
  ],
  "events": [
    {
      "name": "validation",
      "description": "Emitted when the chips items will be changed"
    },
    {
      "name": "validate",
      "description": "Listening event 'validate' for running validation even if chips items wasn't touched"
    },
    {
      "name": "update:chips",
      "description": "Emitted when the chips are increased or decreased"
    }
  ]
}
