Tag
Tag Status
A tag-status is a non-clickable component that utilizes five color conditions to provide users with information such as payment status on program transactions, etc.
Info
Success
Warning
Danger
Neutral
Tag Category
Similarly, the tag-category is a non-clickable component that features an expanded color palette of seven variants. It is utilized when designers wish to provide users with information regarding card categories or promotional tags, and other things.
Tag Filter
A tag-filter is a clickable component that comprises of text and an icon. Its purpose is to display information such as filters that can be selected or removed.
Active
Hover
Disable