TooltipDirective

class

Attribute directive that shows a compact, VS-Code-like tooltip on hover and on keyboard focus, built on @angular/cdk/overlay. Drop-in replacement for ng-zorro's nz-tooltip.

The directive value is the tooltip text (renamed from nz-tooltip); an empty or whitespace-only value shows nothing. ideTooltipPlacement (renamed from nzTooltipPlacement) accepts a single placement name (top, bottomRight, ...) or an ordered list used as preferred positions.

It hides on pointer leave, blur, Escape and on destroy, and wires aria-describedby to the bubble while it is visible.

Properties

Name	Type	Description
`placement (readonly)`	`InputSignal<string	string[]>`
`text (readonly)`	`InputSignal<string	null

`hide()`

Signature

hide(): void

Returns

void

`ngOnDestroy()`

Signature

ngOnDestroy(): void

Returns

void

`show()`

Signature

show(): void

Returns

void

Edit this page