Add support for chips

[jimbojetlag]

https://www.google.com/design/spec/components/chips.html
https://material.angularjs.org/latest/#/demo/material.components.chips

[jimbojetlag]

Can https://github.com/JedWatson/react-select be wrapped to implement chips, or is it too deviated from the material specs?

[kodermax]

has anyone started doing?

[mbrookes]

No, but PRs are always welcome! 😉

[izziaraffaele]

👍 for this!!!!! And an integration with TextField/Autocomplete would be really appreciated I think

[ffxsam]

I think I'm gonna take a stab at chips. I'm building a SaaS that has a tagging system, and either way, I'm gonna spend the hours building a tag/chip system, so I might as well do it in a way that benefits the community!

[ffxsam]

Actually this might take a long time as it's probably more complex than I'm thinking. :) For instance, chips can go into an AutoComplete field, correct? Which means that AutoComplete would have to get an overhaul to handle chips. I suppose this warrants more of a discussion here. How do you see chips working in MUI?

[newoga]

@ffxsam Thanks for your interest in taking a stab here! I would design the chip component as simple as possible and not worry about necessary integrating it with other components like AutoComplete yet. We can handle that separately.

I think the <Chip /> component could possibly be a stateless component that just renders consistently given props. If you have an API in mind you can write a mini proposal / code examples from end user perspective (not implementation) here and we can take a look and discuss.

Thanks!