Studiov0.6.0

Tooltip

Tier 1 — shadcn
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)