Tooltip · Clay
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 · Clay7 / 20
Dark cocoa pill with an inset highlight and a soft drop shadow over puffy icon buttons.
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