Buttons

Tooltip tint icon row

A row of circular icon buttons where hovering one lifts a labelled bubble above it and floods both in that item's own tint.

Using Tooltip tint icon row

A row of circular icon buttons where hovering one lifts a labelled bubble above it and floods both in that item's own tint.

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: size, gap, accent, perItemTint, lift, bounce

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

2611Lifting glyph rowButtonsA short row of icon-only buttons where the hovered glyph lifts off the baseline while a soft circular tint fades in behind it, each item tinted in its own hue.

2037Shrinking cap icon rowButtonsA row of round icon buttons whose fill hides behind a dark cap that collapses away on hover, uncovering the colour from the rim inward.

2714Expanding icon pillButtonsA round icon button that stretches into a labelled pill on hover, trading its glyph for a word as an accent fill arrives.

2698Icon swell tooltipButtonsA chromeless icon button whose glyph swells and recolors on hover while a label chip unfurls above it from its left edge.

2568Quarter Turn Add ButtonButtonsA circled plus that turns a quarter revolution and floods solid when pointed at, then flips instantly to a light stroke while held.

2417Rising disc icon rowButtonsA row of ringed icon buttons where hovering lifts a filled disc up out from behind its ring, leaving the glyph darkened inside the empty outline.