Comment on page

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\"}"
}

Auto Complete

Material Select

Last modified 1yr ago