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="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>