creatable-select.md

Creatable select

{% hint style="success" %} Creatable Select Component integration {% endhint %}

{% code title="schema.json" %}

{
  "title": "Example for rendering react-select component",
  "description": "A simple form with react-select component",
  "type": "object",
  "properties": {
    "creatableSelectTest": {
      "type": "string",
      "title": "Example creatable select",
      "enum": [
        "test",
        "teete",
        "etetet"
      ]
    }
  }
}

{% endcode %}

{% code title="uiSchema.json" %}

{
  "creatableSelectTest": {
    "ui:widget": "creatable-select"
  }
}

{% endcode %}

{% code title="formData.json" %}

{
  "creatableSelectTest": "[{\"label\":\"hello\",\"value\":\"hello\"},{\"label\":\"yes\",\"value\":\"yes\"}]"
}

{% endcode %}