Tooltip · Swiss
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 · Swiss9 / 20
Flush black box with bold text, tiny arrow and a red shortcut; square corners and no shadow.
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