Introduction

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

Simple Chips

Simple

Simple with hover

Simple Clickable

<span class="sty-chip">Chip</span>
        <!-- Chip with hover -->
<span class="sty-chip sty-chip-hover">Chip</span>
        <!-- Chip with clickable pointer -->
<span class="sty-chip sty-chip-clickable">Chip</span>                    
          

Chip with icon

Fella Koussa Aouane Amine

<span class="sty-chip">
 Chip with icon
  <span class="sty-chip-icon"></span>
</span>                   
          

Chip Group

You can group many chips using the class : .sty-chips.