Navigation
Theme components
Form components
Apps
Other
Documentation
Default tags
Use the .tag class with any color for default tags. Apply the .tag-sm and the .tag-lg classes for additional sizes.
primary primary primary primary primary primary
secondary secondary secondary secondary secondary secondary
info info info info info info
success success success success success success
warning warning warning warning warning warning
danger danger danger danger danger danger
Raised tags
Use the .tag-raised class for raised tags.
primary primary primary primary primary primary
secondary secondary secondary secondary secondary secondary
info info info info info info
success success success success success success
warning warning warning warning warning warning
danger danger danger danger danger danger
Outlined tags
Use the .tag-outline-{color} class for outlined tags.
primary primary primary primary primary primary
secondary secondary secondary secondary secondary secondary
info info info info info info
success success success success success success
warning warning warning warning warning warning
danger danger danger danger danger danger
Outlined raised tags
Combine the .tag-raised with the the .tag-outline-{color} class for raised outlined tags.
primary primary primary
secondary secondary secondary
info info info
success success success
warning warning warning
danger danger danger
Rounded tags
Use the .tag-rounded for rounded tags. Combine them with the .tag-sm anb .tag-lg classes for additional tag sizes.
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1
1 1 1 1 1 1