Tags

  1. Elements
  2. Tags
Default Tags

Below is the pill tags example

Default Dark Primary Success Info Warning Danger 
<span class="tag tag-default"> Default </span>

<span class="tag tag-dark"> Dark </span>

<span class="tag tag-primary"> Primary </span>

<span class="tag tag-success"> Success </span>

<span class="tag tag-info"> Info </span>

<span class="tag tag-warning"> Warning </span>

<span class="tag tag-danger"> Danger </span>
Pill Tags

Below is the pill tags example

Default Dark Primary Success Info Warning Danger 
<span class="tag tag-default tag-pill"> Default </span>

<span class="tag tag-dark tag-pill"> Dark </span>

<span class="tag tag-primary tag-pill"> Primary </span>

<span class="tag tag-success tag-pill"> Success </span>

<span class="tag tag-info tag-pill"> Info </span>

<span class="tag tag-warning tag-pill"> Warning </span>

<span class="tag tag-danger tag-pill"> Danger </span>
s
Default Tags Addon

Below is the pill tags example

One Two Three Four 
<span class="tag tag-default" >
One
< a href="javascript:void(0)" class="tag-addon"> <i> class="fe fe-x"</i></a>
</span>

<span class="tag tag-default" >
Two
< a href="javascript:void(0)" class="tag-addon"> <i> class="fe fe-x"</i></a>
</span>

<span class="tag tag-default" >
Three
< a href="javascript:void(0)" class="tag-addon"> <i> class="fe fe-x"</i></a>
</span>

<span class="tag tag-default" >
Four
< a href="javascript:void(0)" class="tag-addon"> <i> class="fe fe-x"</i></a>
</span>