loader

Default tag

First tagSecond tagThird tag
Example:<spanclass="tag">First tag</span><spanclass="tag">Second tag</span><spanclass="tag">Third tag</span>

Link tag

Example:<ahref="#"class="tag">First tag</a><ahref="#"class="tag">Second tag</a><ahref="#"class="tag">Third tag</a>

Rounded tag

First tagSecond tagThird tag

Color tag

Blue tagAzure tagIndigo tagPurple tagPink tagRed tagOrange tagYellow tagLime tagGreen tagTeal tagCyan tagGray tagDark gray tag

List of tags

You can create a list of tags with the .tagscontainer.

First tagSecond tagThird tag

If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.

OneTwoThreeFourFiveSixSevenEightNineTenElevenTwelveThirteenFourteenFifteenSixteenSeventeenEighteenNineteenTwenty

Avatar tag

img Victoriaimg Nathanimg Aliceimg Roseimg Peterimg Wayneimg Michelleimg Debra
Example: <spanclass="tag"><spanclass="tag-avatar avatar"style="background-image: url(../assets/images/users/female/16.jpg)"></span>                     Victoria        </span>

Tag remove

One Two Three Four
Example: <divclass="tags"><spanclass="tag">                             One                     <ahref="#"class="tag-addon"><iclass="fe fe-x"></i></a></span></div>

Tag addons

npm
npm
bundle passing
CSS gzip size 20.9 kB
Example:<divclass="tag">                     npm             <ahref="#"class="tag-addon"><iclass="fe fe-x"></i></a></div>
Copyright © 2019 Hogo. Designed by SprukoAll rights reserved.