G GlassUI

Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Playground

Explore all tooltip props interactively.

Props

Preferred placement of the tooltip.

Delay in milliseconds before the tooltip shows.

Theme color for the tooltip body.

Glass surface density

Backdrop blur intensity

Placements

Tooltips can be positioned around their trigger.

Glass Overlay

When placed inside a glass container, tooltips seamlessly adopt translucent optics.