Data

Remote & dependent selects

Options fetched from a public API with server-side search, plus a second select depending on the first through URL interpolation.

Loading the builder…

View the spec

Open in the playground

{
  "type": "panel",
  "id": "column",
  "name": "Form",
  "configs": {
    "key": "remote"
  },
  "children": [
    {
      "type": "input",
      "dataType": "string",
      "id": "select",
      "name": "Author",
      "configs": {
        "key": "author",
        "label": "Author (jsonplaceholder /users)",
        "optionsSource": "remote",
        "optionsUrl": "https://jsonplaceholder.typicode.com/users",
        "labelKey": "name",
        "valueKey": "id",
        "searchParam": "q"
      }
    },
    {
      "type": "input",
      "dataType": "string",
      "id": "select",
      "name": "Post",
      "configs": {
        "key": "post",
        "label": "Their posts (/posts?userId={author})",
        "optionsSource": "remote",
        "optionsUrl": "https://jsonplaceholder.typicode.com/posts?userId={author}",
        "labelKey": "title",
        "valueKey": "id"
      }
    }
  ]
}