Studiov0.6.0

Tooltip

Tier 1shadcn
Overlays

A small hover-triggered label providing supplementary context for UI elements.

Live Preview

Code

import { Tooltip } from "@regen/ui";

<Tooltip />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • Icon button labels
  • Truncated text expansion
  • Technical term definitions

Do

  • Wrap the provider at app root level
  • Keep text to a single short phrase

Don't

  • Don't use for interactive content — use Popover
  • Don't rely on tooltip for critical info (inaccessible on touch)