UI / Components / foundations / Tooltip

Tooltip

Hover-triggered explanation. 200ms delay.

Wraps any element with a tooltip that appears on hover (200ms delay) and focus. Theme-aware bubble, smart placement (above by default, below if no room).

$npx dock-ui add tooltip

Usage

import { Tooltip } from "@/components/ui/tooltip";

<Tooltip content="Open in a new tab">
  <Button>Share</Button>
</Tooltip>

Install

via CLI

$ npx dock-ui add tooltip

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/tooltip.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →