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