Tags

  1. Elements
  2. Tags
Default Tags

Below is the basic tags example

Default Primary Success Info Warning Danger Dark
Pill Tags

Below is the pill tags example

Default Primary Success Info Warning Danger Dark
Transparent Tags

Below is the transparent tags example

Primary Primary Success Info Warning Danger Dark
Transparent Pill Tags

Below is the transparent tags example

Primary Primary Success Info Warning Danger Dark
Avatar Tags

Below is the avatar tags example

Victoria Victoria Victoria Victoria
Color Tags

Below is the color tags example

Blue tag Azure tag Indigo tag Purple tag Pink tag Red tag Orange tag Yellow tag Lime tag Green tag Teal tag Cyan tag Gray tag Dark Gray tag
Default Tags Addon

Below is the default tags addon example

One Two Three Four
npm npm bundle passing CSS gzip size 20.9 kB
Input Tags

Just add data-role="tagsinput" to your input field to automatically change it to a tags input field.