TagInput improvements

[giladgray]

Collecting a bunch of features I want to add to TagInput:

• 1. inputValue, onInputChange props to listen/control input without resorting to inputProps
• 2. [TagInput] add separator, onChange, placeholder props #1418 placeholder prop that is removed when values.length > 0 (use inputProps.placeholder if you always want it there)
• 3. InputGroup support for left icon / right element (needs styles) [TagInput] leftIconName + rightElement #1420
• 4. [TagInput] add separator, onChange, placeholder props #1418 separator prop automatically splits input value to add multiple values at once (default: /,\s*/g)
• 5. option to add values on blur (in addition to enter)
• 6. [TagInput] add separator, onChange, placeholder props #1418 onChange receives string[] and handles the add / remove array manipulation internally
• 7. disabled support (needs styles) Add a disabled state to <TagInput> #1819
• 8. [TagInput] values accepts any valid JSX #1419 support for JSX values

[sushain97]

My #1408 is a dup of your # 3, feel free to close mine. Thanks again for the work on this, quite useful for us.

[JuoCode]

Provide a suggestion list to TagInput

[adidahiya]

@JuoCode I think that feature is covered by MultiSelect.

[JuoCode]

MultiSelect can only choose options from the dropdown list. What I want is the tag input like the StackOverflow's ask question form. It can let the user enter new tag or choose from the list.

[JuoCode]

Another problem is that TagInput must press enter to add new item, but this will also trigger submit if it's wrapped in a form.

[scottfr]

Any updates on (1) and (5)? They would both be quite helpful in improving the component.

[adidahiya]

I don't think there's any active work on the remaining items. Feel free to send a PR.

[marvinsum]

7. disabled support (needs styles)

This was added via #1819.