Contextual labels on hover and focus
Tooltips provide brief, informative text when users hover over or focus on an element. They use inverted colours for contrast and support four placement positions with a directional arrow. Pressing Escape dismisses a visible tooltip from anywhere on the page.
Positions
Tooltip on topTooltip on bottomTooltip on leftTooltip on right
On icon buttons
SearchSettingsNotificationsProfile
Delay options
No delayDefault delay (300ms)Slow delay (800ms)