Possible to hold multiple values within a single TextInput?

Question

Has anyone ever created some TextInput component which can hold multiple values? For example label = 'Fruits' and a single text input allows user to key in "Banana", "Orange" and so on? Probably automatically splitting them using "Return"/"Enter" key?

Answer 1

You should use the react-tag-input for this. Demo here

NPM

Installation

npm install --save react-tag-input

There are lot to experiment with.

Another good tag input react-tagsinput

If bootstrap is an option you could use this