Tooltip

A popup that shows on hover or focus. It rises toward you with overlay depth — the canonical seam pattern for floating surfaces.

tsx
import { Button } from "@/registry/seam/ui/button"
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@/registry/seam/ui/tooltip"

export default function TooltipDemo() {
  return (
    <TooltipProvider>
      <Tooltip>
        <TooltipTrigger render={<Button variant="outline">Hover me</Button>} />
        <TooltipContent>Rises with overlay depth</TooltipContent>
      </Tooltip>
    </TooltipProvider>
  )
}
bunx --bun @seamui/cli@latest add tooltip

Notes

  • Wrap your app (or a subtree) in TooltipProvider to share the open delay (200ms by default) and coordinate open state across tooltips.
  • Shows on hover and keyboard focus; dismisses on blur and Escape.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.