Tooltip with info icon
The most conventional way to display a tooltip is with a circled “i” icon in interaction blue.
Tooltips can be implemented using <sdx-menu-flyout />.
The core idea of a tooltip is to display small, interactive, textual inline hints on click.
The most conventional way to display a tooltip is with a circled “i” icon in interaction blue.
Tooltips can be implemented using <sdx-menu-flyout />.
SDX is a set of foundation, components, and guidelines for designing and building UI at Swisscom
© 2026 SDX - Swisscom Digital Experience.