Introduction

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

Contacts

To create a contact chip just add an img inside.

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

Tags

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

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