Make autocomplete multiselect

[ashen wraith]

I have a usecase where I want to let users type their facebook affiliate groups. They can type it out and have suggestion from a list. Autocomplete works just fine for that.

Now comes the handy part : my PO want to give users ability to add as much affiliate groups as they want, meaning i'll need to add multiselect capabilities to autocomplete.

Have someone tried it before ?

[inland night]

See TagsInput

[ashen wraith]

Thanks

[ashen wraith]

I dont know if i'm using it wrong but when I try to use TagsInput with mantine useForm like this
<TagsInput
placeholder="Enter your group name, then press enter to add it"
data={['Group 1', 'Group 2', 'Group 3']}
key={form.key('affiliateGroup')}
{...form.getInputProps('affiliateGroup')}
/>
I get an error related to the TagsInput component.
I dont know if TagsInput is intended to be use another way
I'll check TagsInput github source code to understand further

[inland night]

Its value must be an array of strings, empty array if there are no values.