Skip to content

pantoken / renderers/web-components/src / tooltip

Variabel: tooltip

const tooltip: ElementDefinition

Alpha

<instui-tooltip> — pakker en slottet trigger og viser en .tip boble (fra attributten tip) ved mouseover/fokus. placement kortlægges til -placement-<value> (f.eks. bottom, end); show-delay og hide-delay (ms, standard 0) kontrollerer afsløringen/skjulingen, og Escape afviser det. JS ejer timingen: en .-show-kontrolleret !important tilsidesættelse neutraliserer den rene CSS :hover/:focus-within auto-show, så forsinkelsen rent faktisk gælder.

Eksempel

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