hb-tooltip — tooltip

Category: overlays
Tags: overlays, tooltip

What it does

Wrapper that adds a Bootstrap tooltip around slotted content. Configure via tooltip object: title, optional description, placement, html, delay, trigger, style, maxWidth, etc. Optional show can drive visibility; emits visualizationChange when the tooltip opens or closes.

Custom element

hb-tooltip

Attributes (snake_case; use string values in HTML)

• id (optional), style (optional): strings.
• tooltip (optional): JSON string — TTooltip (title, description?, placement?, html?, animation?, delay?, trigger?, customClass?, offset?, style?, maxWidth?, maxHeight?) or plain string title per typings.
• show (optional): boolean as string when used from HTML.

Events

• visualizationChange: { id: string; show: boolean }.

Usage notes

• Slot: default — element(s) to wrap with the tooltip.

Minimal HTML example

<hb-tooltip tooltip='{"title":"Help text","placement":"bottom"}'>
  <button type="button">Hover me</button>
</hb-tooltip>