Tags

  1. Elements
  2. Tags
Export Download Help Settings
View Add Email Save Remove More
Default Tags

Below is the basic tags example

Default Dark Primary Success Info Warning Danger
Pill Tags

Below is the pill tags example

Default Dark Primary Success Info Warning Danger
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.

Rounded tag with icons

Below is the Rounded tag with icons example

First tag Second tag Third tag Fourth tag
Rounded Tag Styles

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

First tag Second tag Third tag Fourth tag
Rounded Outline Tag Styles

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

First tag Second tag Third tag Fourth tag Fifth tag
Avatar Tags
Victoria Nathan Alice Rose Peter Wayne
Color Tags

Below is the color tags example

Primary tag Secondary tag Success tag Warning tag Danger tag Info tag
Project Status
1
Project Planning
100% Completed
1
Project Desiging
100% Completed
4/6
Project Development
76% Progress
1/5
Project Testing
Waiting