A tooltip is a brief, informative message that appears when a user interacts
with an element.
Position your tooltip using the
sgds-tooltip is-tooltip-*position* class.
Assign colours to your tooltip using the
sgds-tooltip is-tooltip-*stateColor* class.
Tooltips can be attached to any active element (icons, text links,
buttons, etc.) on a page to provide descriptions or explanations. Thus,
tooltips are highly contextual and specific and don’t explain the bigger
picture or entire task flow.
Tooltips should not be used to display vital information for task
Tips that pop up on pages to inform users about new features or how to
use a specific functionality are not tooltips.
Because tooltips are initiated by a hover gesture, they can be used only
on devices with a mouse or keyboard. They are not normally available on