Chips

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

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.

Materialize Admin Theme

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

John Doe

Materialize Admin Theme