Overview
tng-tooltip shows a non-interactive hint on hover/focus. Wrap a single trigger element (e.g. a button) as content; the tooltip appears anchored to it. Use text for simple text, or #tooltipContent template / contentTpl for custom content. Behavior: placement, offset, showDelay, hideDelay, disabled. Slot styling: panel, surface. Built on ConnectedOverlay.
Quick example
Basic
<tng-tooltip text="Copy to clipboard" placement="top-start">
<button class="rounded-md border border-border bg-bg px-3 py-1.5 text-sm">Copy</button>
</tng-tooltip>
import { TngTooltip } from '@tailng-ui/ui/overlay';Features
Content
Use text for plain text, or #tooltipContent ng-template (or contentTpl input) for custom HTML.
Hover / focus
Opens on mouseenter and focusin; closes on mouseleave, focusout, or Escape. showDelay / hideDelay control timing.
Slot styling
panel (inner text padding), surface (outer panel: border, shadow, rounded).