reactjsmaterial-uimd-chip

material-ui 1.0 - how to create a chip input with autocomplete?


In an application using material-ui v1.0 (aka material-ui-next), how can I create a chip input field with autocomplete options? (I.e. a text box that, when you start typing, produces a list of available options, and when you click one of those options changes the option to a chip -- somewhat like the tag entry box on stack overflow)

Everything I've found so far suggests using https://github.com/TeamWertarbyte/material-ui-chip-input but this library is using the older material-ui v0.20 and while they're in the process of porting to material-ui v1.0 the branch for this doesn't support autocomplete yet. Is there another way of doing this?


Solution

  • If you can use a plugin then i would suggest you to go with : React Select Plus

    github