Fitbit app companion (mobile) setting to demo how to select multiple item from a list

8_multi_selection_lwith_autocomplete_index.jsx

// author  : https://github.com/eaccmk
// created : sep-2021

function mySettings(props) {
  return (
    <Page>
      <AdditiveList
        title="Items with Autocomplete feature"
        settingsKey="autocomplete-list"
        maxItems="3"
        addAction={
          <TextInput
            title="Add your Item"
            label="Item Name"
            placeholder="Type here (one, two...)"
            action="Add Item"
            onAutocomplete={(value) => {
              const autoValues = [
                { name: "one", value: "1" },
                { name: "two", value: "2" },
                { name: "three", value: "3" },
                { name: "four", value: "4" },
                { name: "five", value: "5" },
                { name: "ten", value: "10" },
                { name: "one hundred", value: "100" },
              ];
              return autoValues.filter((option) =>
                option.name.startsWith(value)
              );
            }}
          />
        }
      />
    </Page>
  );
}

registerSettingsPage(mySettings);