MarovStudio
Back to marketplace

Tooltip

Tooltip on hover and on keyboard focus

Overlaystooltiphoverfocuspopoverhint
FullscreenCreate free account
Keyboard focus shows it tooKeyboard focus shows it too
Code locked
export function Tooltip() {
  return (
    <span className="group relative inline-block">
      <button type="button" className="rounded-lg border border-neutral-200 px-3 py-2 text-sm">
        Hover me
      </button>
      <span
        role="tooltip"

Sign in to see the code

Create a free account to copy the full source, usage snippet and AI prompt of every component.

Create free accountSign in

Free — no card required.

Related components

Trigger a toast above.

Toast Stack

Overlays · Toast notifications in three tones

Delete this project?

This cannot be undone. Everything inside it goes with it.

Modal Dialog

Overlays · Modal built on the browser native dialog element

Dropdown Menu

Overlays · Menu that closes on outside click and Escape