code

Introduction

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

Contact Person Jane Doe
Tag close

Contacts

To create a contact chip just add an img inside.


  <div class="chip">
    <img src="http://lorempixel.com/150/150/abstract/" 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>