Tags

  1. UI Elements
  2. Tags

Default tag

First tagSecond tagThird tag

Link tag

First tagSecond tagThird tag

Rounded tag

First tagSecond tagThird tag

Color tag

primary tagsecondary taginfo tagsuccess tagwarning taglight tagdark tagdanger tagblue tagazure tagindigo tagpurple tagpink tagred tagorange tagyellow taglime taggreen tagteal tagcyan taggray tag

Avatar tag

Victoria Nathan Alice Rose Peter Wayne Michelle Debra

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

Tag remove

One Two Three Four

Tag addons

npm
npm
bundle passing
CSS gzip size 20.9 kB

Input Tags

Multiple select Tags