NeoTerm UI

Tooltip

Hover-triggered tooltip overlay.

Import

import { Tooltip } from "neoterm-ui";

Usage

<Tooltip content="Copy to clipboard">
  <Button variant="ghost" size="icon"><CopyIcon /></Button>
</Tooltip>

<Tooltip content="Bottom tooltip" side="bottom">
  <span>Hover me</span>
</Tooltip>

Props

PropTypeDefaultDescription
contentstringTooltip text.
side"top" | "bottom" | "left" | "right""top"Tooltip position.
childrenReactNodeTrigger element.