Chips can be used to represent small blocks of information. They are most commonly used either for contacts or for tags.

Contacts

Contact Person John Doe

To create a contact chip just add an img inside. 

<div class="chip">    <img src="images/yuna.jpg" alt="Contact Person">    Jane Doe</div>

Styles contact chips

You can also style it easily with materialize admin theme pre defined color set classes.

MaterializeMaterialize Admin Theme
Materialize Materialize Admin Theme
Materialize Materialize Admin Theme
Materialize Materialize Admin Theme

Tags

Tag
Candy
Cake
Book

To create a tag chip just add an close icon inside. 

<div class="chip">    Tag    <i class="material-icons mdi-navigation-close"></i></div>

Styles tag chips

You can also style tag chips easily with materialize admin theme pre defined color set classes.

Tag
Candy
Cake
Book
Contact PersonJohn Doe
MaterializeMaterialize Admin Theme
MaterializeMaterialize Admin Theme