Demo Select Multi

1
2    <MultiSelectInput
3      label={<>My Label Select-multi</>}
4      id="uniqueid" 
5      name="name-field" 
6      options={[{"value":"fun","label":"For fun","id":"fun"},{"value":"work","label":"For work","id":"work"},{"value":"drink","label":"For drink","id":"drink"},{"value":"sleep","label":"For sleep","id":"sleep"},{"value":"swim","label":"For swim","id":"swim"}]}
7      onChange={onChangeSelect}
8      values={["fun","drink"]}
9      helpMessage="Enter the place name"
10      message=""
11      messageType="error"
12      forceDisplayMessage={false}
13      readOnly={false} 
14      isVisible={true}
15      disabled={false}
16      className="row af-form__group" 
17      classModifier="required" 
18      placeholder="Enter the place name" 
19      classNameContainerLabel="col-md-2"
20      classNameContainerInput="col-md-10"
21      aria-labelledby="uniqueid"
22    />
23