Primitives

Tooltip

Hover popover via Radix Tooltip. Wrap your app in TooltipProvider once at the root. Supports keyboard shortcut hints.

Preview

live

Installation

terminal

bash

npx @entrepta/cli@latest add tooltip

// Resolves dependencies, copies the source, and installs npm packages automatically.

Usage

tooltip.tsx

tsx

import {
  TooltipProvider, Tooltip, TooltipTrigger,
  TooltipContent, TooltipShortcut,
} from "@/components/entrepta/tooltip"

// In root layout:
<TooltipProvider>
  {children}
</TooltipProvider>

// Usage:
<Tooltip>
  <TooltipTrigger asChild>
    <Button variant="ghost" size="sm">⌘K</Button>
  </TooltipTrigger>
  <TooltipContent>
    open command palette <TooltipShortcut>⌘K</TooltipShortcut>
  </TooltipContent>
</Tooltip>

Props

Prop	Type	Default	Description
delayDuration	number	200	Delay in ms before tooltip opens (TooltipProvider)
side	"top" \| "bottom" \| "left" \| "right"	"top"	Placement relative to trigger (TooltipContent)
sideOffset	number	8	Gap in px from trigger (TooltipContent)