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