Tags

Tags are graphical elements that can be used to highlight a certain product or topic and to highlight discounts. They must contain a clear actionable text and may additionally contain icons.

Standard

Standard tags are available in standard, selected and cancelled. They can feature an optional icon.

on dark Backgrounds

For tags on a dark background, image, or gradient, use the dark background variant by setting the attribute background="dark", so the tags will only have an outline.

SDX | Swisscom Digital Experience

SDX is a set of foundation, components, and guidelines for designing and building UI at Swisscom

News and Updates
Contact us

© 2026 SDX - Swisscom Digital Experience.