Components

Components

Tooltip

Short contextual hint anchored to a trigger on hover or focus.

newfree

pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Built on React Aria TooltipTrigger and Tooltip. Prefer for brief labels; use Popover when the content needs a title or actions.

Usage

Snippet

import { Button, Tooltip, TooltipTrigger } from "@komponents/ui";

<TooltipTrigger>
  <Button>Help</Button>
  <Tooltip>Keyboard shortcut</Tooltip>
</TooltipTrigger>

Placement

Defaults to top. Pass placement for other overlay sides.

Accessibility

Appears on hover and keyboard focus
Exposed with role="tooltip"
Delay defaults to 400ms; demos often use a shorter delay

Popover

Anchored content panel for short explanations without a modal layer.

Menu

Action menu triggered from a button.

On this page

Usage Placement Accessibility