7.1 #Chip.avatar Chip with avatar:

Toggle example guides Toggle HTML markup

Avatar Image John Smith
Html
    <div class="sf-chip -avatar  -removable">
        <span class="sf-chip__avatar">
             <img class="sf-chip__image" src="/assets/AnnaGreen.png" alt="Avatar Image" />
        </span>
        <span class="sf-chip__content">
             John Smith
        </span>
        <i class="sf-icon -close -size-2xs -black sf-chip__remove-button"></i>
    </div>