pantoken / renderers/web-components/src / tooltip

Változó: tooltip

const tooltip: ElementDefinition

Alfa

<instui-tooltip> — becsomagol egy behelyezett triggert és egy .tip buborékot (a tip attribútumból) megjelenít a kurzor fölötte van/fókusz alatt. placement a -placement-<value>-ra képezi le (pl. bottom, end); show-delay és hide-delay (ms, alapértelmezés 0) szabályozza a feltárást/elrejtést, az Escape pedig elutasítja. A JS kezeli az időzítést: egy .-show-gated !important felülbírálat semlegesíti a tiszta CSS :hover/:focus-within automatikus megjelenítést, az tehát a késedelem ténylegesen érvényes lesz.

Példa

<instui-tooltip tip="Placement bottom" placement="bottom" show-delay="200">
  <button class="instui-button -color-secondary">Hover me</button>
</instui-tooltip>