Tooltip · High Contrast
A tooltip for any trigger: hover delay, instant keyboard focus, Escape to dismiss, flip and shift inside its container, hoverable content and touch long-press.
Design · High Contrast20 / 20
16px bold text in a 3px black outline with a thick arrow, 48px trigger buttons and an underlined shortcut.
Motion
The tooltip scales up out of its arrow tip while fading in, so it appears to grow from the thing it describes.
Accent
A tooltip for any trigger: hover delay, instant keyboard focus, Escape to dismiss, flip and shift inside its container, hoverable content and touch long-press.
tooltiphintoverlaytoolbarshortcuta11yhoverlong-press