Tooltip
Themed hover and focus tooltip with placement, delay, group, and rich-content options.
Import
#importAdd the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.
import { KjTooltipComponent } from '@kouji-ui/components';Playground
#playgroundTip: hover or focus the trigger to reveal the tooltip.
side
align
open delay
<kj-button
kjTooltipTrigger
#t="kjTooltipTrigger"
>Hover me</kj-button>
<kj-tooltip-content
[kjFor]="t"
>Save the document</kj-tooltip-content>