Overlay

Tooltip

Themed hover and focus tooltip with placement, delay, group, and rich-content options.

Import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjTooltipComponent } from '@kouji-ui/components';

Loading editor

Tip: hover or focus the trigger to reveal the tooltip.

side

align

open delay

disabled

content

<kj-button
  kjTooltipTrigger
  #t="kjTooltipTrigger"
>Hover me</kj-button>
<kj-tooltip-content
  [kjFor]="t"
>Save the document</kj-tooltip-content>