I am using dash for a web app, and I am currently trying to configure an input box which holds a list of items. This list is passed into a package which runs searches on those values individually, and can search up to 5 at a time. These values are free text - they cannot be limited to a list for dropdowns as there are infinite items that can be searched - so dcc.Dropdown cannot be used here, but they have to be 5 items at most. These 5 items are not limited in terms of character, so having character limits would not work either.
I have tried to find a solution in the docs and google searches, but nothing has come up. I would like to ideally be able to have a user enter an item in the search box, and after entering a separator, such as a comma, it would add that item as one item to the current search list length and incriment it by 1.
E.g ‘Google’, would be 1 item, ‘Netflix’ another, ‘Facebook’, another, etc up to a specified limit. This functionality works well with the dropdown component, but I haven’t seen one for a free text area.
My current solution is to have 5 separate entry fields, but this is not very elegant and needs further conditionals and deal with non-entries if all 5 haven’t been used.
So I would like to ask, is there a way to make a single input field with free texts, that has each input separated by a comma and limit the amount of input items, rather than limiting the characters?