Default Tag
Use the .tag
class, followed by.tag-default
class within element to create default tag.
Primary Tag
Use the .tag
class, followed by.tag-primary
class within element to create primary tag.
Success Tag
Use the .tag
class, followed by.tag-success
class within element to create success tag.
Danger Tag
Use the .tag
class, followed by.tag-danger
class within element to create danger tag.
Info Tag
Use the .tag
class, followed by.tag-info
class within element to create info tag.
Warning Tag
Use the .tag
class, followed by.tag-warning
class within element to create warning tag.
Custom Blue Grey Color Tag
Use the .tag
class, followed by.bg-blue-grey
class within element to create blue grey tag.
Tags with Icons
Default Tag with Icon
Use the .tag
class, followed by.tag-default
class within element to create default tag.
Square Primary Tag with Icon
Use the .tag
class, followed by.tag-square
class for square bordered tag.
Round Success Tag with Icon
Use the .tag
class, followed by.round
class for round bordered tag.
Danger Tag with Icon
Use the .tag
class, followed by.tag-danger
class within element to create danger tag.
Square Info Tag with Icon
Use the .tag
class, followed by.tag-square
class for square tag.
Round Warning Tag with Icon
Use the .tag
class, followed by.round
class for round bordered.
Tags with Only Icons
Default Icon Tag
Use the .tag
class, followed by.tag-default
class within element to create default tag.
Square Icon Tag
Use the .tag
class, followed by.tag-square
class to square bordered tag.
Round Icon Tag
Use the .tag
class, followed by.round
class for round warning tag.
Danger Icon Tag
Use the .tag
class, followed by.tag-danger
class within element to create danger tag.
Square Icon Tag
Use the .tag
class, followed by.tag-square
class to square bordered tag.
Round Icon Tag
Use the .tag
class, followed by.round
class for round warning tag.
Tags With Links
Tags With Dropdown
Success Tag
Block Tags
Use .block
class with .tag
, to set block tag.