Overlays

Resizing hint tooltip

A hover label whose bubble smoothly resizes itself when its text is longer or shorter, instead of snapping between sizes.

Canvas

Using Resizing hint tooltip

A hover label whose bubble smoothly resizes itself when its text is longer or shorter, instead of snapping between sizes.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: openDelay, closeDelay, side, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

2137Cursor-chasing tooltipOverlaysA hint bubble that pops in on hover or focus and can glide to trail the pointer as it moves across the trigger.

1983Instant Hint TooltipOverlaysA small label that fades and scales into view beside an element on hover or keyboard focus, giving a quick hint without adding visible clutter.

2257Toolbar icon tooltipOverlaysA row of icon-only toolbar buttons that pop a small arrow-pointed label near whichever one is hovered or focused.

2145Edge aware popoverOverlaysA popover that springs out of its trigger and flips or shifts to the opposite side when the side you asked for would run past the frame edge, staying glued as things scroll.

1960Flip Side Hint TooltipOverlaysA hint bubble that appears on hover or keyboard focus and automatically flips to whichever side keeps it fully visible near the edge of the screen.

2380Link Preview CardOverlaysA rich preview card that fades and slides in from whichever side it opens on when hovering a linked name, with a brief delay to avoid flicker.