Ionic-framework: feat: add support for chips in input

[brandyscarney]

Feature Request

Ionic version:


[x] 4.x

Describe the Feature Request
Support grouping of chips - input type specifically.

Describe Preferred Solution
I need to look into the best way to handle this. I think we may need to add an ion-chip-group similar to how radio works.

Usage - https://material.io/design/components/chips.html#usage
MD implementation - https://github.com/material-components/material-components-web/tree/master/packages/mdc-chips#adding-chips-to-the-dom
MD demo - https://material-components.github.io/material-components-web-catalog/#/component/chips

Describe Alternatives

Related Code

Additional Context

[brandyscarney]

I created a Codepen for this to see if it was possible to do now: https://codepen.io/brandyscarney/pen/ZNPNjQ

I still think it's something we should add though.

[timephy]

Hey there, I was looking for a solution to this problem - thanks for the Codepen, it helped me out quite a bit!

Would still be happy for this feature to be built in.

[sabahang]

trying to custom implement this but would be awesome if it already was implemented in framework. there is a bunch of details including removing chips on backspace and adding chips with enter/space