Chips

Chips represent complex entities in small blocks, such as a contact.

A chip may contain entities such as a photo, text, rules, an icon, or a contact.

Chips

<span class="chip"> ... </span>

Avatar

A Chips

<span class="chip">
    <span class="avatar"> ... </span>
    ...
</span>

Deletable

Chipscancel

<span class="chip deletable">
    ...
    <i class="icon close">cancel</i>
</span>