React Select

This page explains how you can integrate react select component using uiSchema.json

React Select Component integration

Single Select Component

Multi Select Component

schema.json

{
  "title": "Example for rendering react-select component",
  "description": "A simple form with react-select component",
  "type": "object",
  "properties": {
    "react-select": {
      "type": "string",
      "title": "React select",
      "enum": [
        "Yes",
        "No"
      ]
    }
  }
}

uiSchema.json // multiselect and single select example

{
  "react-select": {
    "ui:widget": "material-select", 
    "ui:widget": "material-multiselect",
    "ui:isClearable": true
  },
}

formData.json

{
  "react-select": "{\"value\":\"Yes\",\"label\":\"Yes\"}"
}