Tag
Class fun-tag adds styling to your content, so that it looks like a tag.
- Used to categorize or label content (e.g., keywords, filters, topics).
- Appear as rectangular with display symantec (0.1rem corner radius)
- Examples:
- “Beta” on a feature.
- “Agency name” as a data source tag.
- Not to be used for statuses, counts, or notifications
Use this tag to intrigue, create interest and drive more engagement with the newly introduced area.
Variants
Default
Condensed (used only in the nav)
This version is only reserved to be used in the navigation when space is limited. Always use capitalised text
Usage guidelines
Beta
For showing beta features, use neutral tag without icon.
Upsell
For upsell use variant upsell with text premium and fun-icon-premium
You can also use icon only version, but it needs to have a tooltip.
New
To show new features, use variant info with text New (no icon)
