ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.09k stars 13.51k forks source link

feat: add support for chips in input #18460

Open brandyscarney opened 5 years ago

brandyscarney commented 5 years ago

Feature Request

Ionic version:

[x] 4.x

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

Screen Shot 2019-06-04 at 10 36 49 AM

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 commented 5 years ago

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 commented 4 years ago

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 commented 4 years ago

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

chrisk8er commented 2 years ago

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

687474703a2f2f672e7265636f726469742e636f2f6c647a6b4730356b4f452e676966

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

Thanks for the pen... how can I add auto-complete?