Tooltip

Tooltip demo

Headless trigger/content directives and wrapper component examples with hover, focus, delay, side placement, and disabled behavior.

1) Headless primitives

Use [tngTooltip] + tngTooltipTrigger + tngTooltipContent with primitive-owned runtime behavior.

Action hint

side: top

Icon-only trigger

mode: root-managed

2) Wrapper component

Use <tng-tooltip> for built-in trigger/content structure.

Default delay

openChange: closed

Fast response

openChange: closed

Disabled state