Materialize: Chips input (Basic css is done, add more javascript functionality)

Created on 22 Jan 2015  路  21Comments  路  Source: Dogfalo/materialize

Most helpful comment

Merged in chips plugin here 1fdf905514966bad6b07a73a3b7a84fab91aaac0.

All 21 comments

They are called "Chips" in the Material design docs:
http://www.google.com/design/spec/components/chips.html

+1!

+1

:+1:

:+1:

:+1: Would absolutely love this.

:+1:

:+1:

+1

Any interest in this @Dogfalo

Some custom CSS could probably be added to selectize.js for this. I took a stab at it for some very basic "chips" in one of my apps

see: https://github.com/yahoo/druid-dashboard/blob/0b022d0d55c05ace3123593cbf05f279f4e5b31d/app/styles/components/md-selectize.scss

+1 chips / tags

Highly suggest checking out this library:
http://henrychavez.github.io/materialize-tags/examples/

Works perfectly for us on our materializecss + rails app

No functionality at this point, but i've started a basic css structure in 19b2219b21fe138280de9bb0cfdec8e3f1eadeb3

+1

Maybe a nice adition would be to add the images aswell. And to add something like: images in select and or autocomplete to get something similar to:
image

+1

Would love to have this in materialize! I currently have made something myself, but its not nearly as beautifull as the components you guys make =)

screen shot 2015-12-22 at 07 50 00

+1

Merged in chips plugin here 1fdf905514966bad6b07a73a3b7a84fab91aaac0.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bradley-varol picture bradley-varol  路  3Comments

ReiiYuki picture ReiiYuki  路  3Comments

onigetoc picture onigetoc  路  3Comments

heshamelmasry77 picture heshamelmasry77  路  3Comments

samybob1 picture samybob1  路  3Comments