zedkit
@zedtech/zedkit-ui

Name a control on hover

Instant hover/focus hint. Each Tooltip ships its own provider (`delayDuration` 0).

alpha

At a glance

  • Who: Developers adding a short extra name that appears on hover or focus.
  • What: Instant hover/focus hint. Each Tooltip ships its own provider (delayDuration 0).
  • Use when: For a one-line hint on a control that already has a visible name.
  • Avoid when: For an icon-only button — pass label on IconButton. For text the reader must keep — use a popover.
  • See also: Icon-only actions with a visible name, Float extra content next to a control

Preview

@zedtech/zedkit-ui — Tooltip, TooltipTrigger, TooltipContent, TooltipProvider

Preview

Install

pnpm add @zedtech/zedkit-ui

Latest: 0.6.4 (via changesets).

Example

Usage
import { Button, Tooltip, TooltipContent, TooltipTrigger } from "@zedtech/zedkit-ui";
<Tooltip>
  <TooltipTrigger asChild><Button>Save</Button></TooltipTrigger>
  <TooltipContent>Saves the invoice</TooltipContent>
</Tooltip>

Wraps: @radix-ui/react-tooltip

Float extra content next to a control

Anchored panel (trigger + content) that stays while the reader looks, then closes on Escape or outside click.

Open a menu of actions from a button

Action menu (trigger + items) with keyboard and axe coverage. Not a form select.

On this page

At a glancePreviewInstallExample