Tag
Tag Status
A tag-status is a non-clickable component that utilizes six color conditions to provide users with information such as payment status on program transactions, etc.
Info
Success
Warning
Danger
Neutral
Disable
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.
Active
Hover
Disable
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