Flag

Flags are an indicator used to highlight key attributes of a product or listing.

Flags are most effective when there is only one on the page. Consider using a tag if you need to display multiple attributes.

<tg-flag>
    Content
</tg-flag>

Behaviour

• The colour of the flag can be customised using overrides. You must ensure text still passes accessibility contrast tests.
• To place a flag over an image, use sticker positioning.
• Flags are displayed inline by default.