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