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.

Default

Solid

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.

Dekstop

Mobile

Tag Highlight

A tag-highlight is an informative message displayed on inline graphics. This component can be attached to a card or UI media that does not have sufficient space for a ticker, making it an effective medium for displaying informative messages for designers.

Info

Success

Warning

Danger

Neutral