Tronic247 Material

Chips

Edit this page

Usage

Create an element with the class chip ripple-e and type the text inside it.

<a href="#!" class="chip ripple-e">Stars</a>
<a href="#!" class="chip ripple-e">Forks</a>

Active item

Add the class active to the element with the class chip ripple-e.

<a href="#!" class="chip ripple-e">Stars</a>
<a href="#!" class="chip ripple-e active">Forks</a>

With icon

<a href="#!" class="chip ripple-e"><i class="material-icons">star</i>Stars</a>
<a href="#!" class="chip ripple-e">Forks</a>

Shaped chip

Add the class shaped to the element with the class .chip

<a href="#!" class="chip shaped ripple-e"><i class="material-icons">star</i>Stars</a>
<a href="#!" class="chip shaped ripple-e">Forks</a>