MultipleSelect

MultipleSelect can be used when the user must choose one or more values. Offers search out of the box.

MultipleSelect example

MultipleSelect example

FormLayout.json example:

      {
        "id": "multiple-select-component-id",
        "type": "MultipleSelect",
        "textResourceBindings": {
          "title": "some.title"
        },
        "dataModelBindings": {
          "simpleBinding": "some.field"
        },
        "required": true,
        "optionsId": "someOptionId",
      },

As the Checkbox-component the MultipleSelect saves values as a comma separated string.

The MultipleSelect component can be configured by adding options directly to the component using the options param:

      {
        "id": "multiple-select-component-id",
        "type": "MultipleSelect",
        ...
        "options": [
            { "label": "Label 1", "value": "value1" },
            { "label": "Label 2", "value": "value2" },
        ],
      },

or by using api based options as described here.