TxTooltip · Vue · tecexpress

Hinweis zum Zielinhalt mit Verzögerung und optional eigenem Inhalt.

Prop	Typ	Standard	Bedeutung
`text`	`string \| undefined`	``	Anzuzeigender Text.
`disabled`	`boolean \| undefined`	`false`	Sperrt die Interaktion.
`visible`	`boolean \| undefined`	`undefined`	Steuert die Sichtbarkeit.
`showDelay`	`number \| undefined`	`0`	Verzögerung vor dem Anzeigen in Millisekunden.
`hideDelay`	`number \| undefined`	`0`	Verzögerung vor dem Verbergen in Millisekunden.
`position`	`string \| undefined`	`top`	Position der Meldung beziehungsweise des Overlays.
`showOn`	`string \| undefined`	`hover`	Auslöser des Tooltips.

Ereignisse

Event	Payload / Verhalten
update:visible	Neuer Wert von visible; über v-model:visible übernehmen (modelValue: v-model).
shown	Nach Anzeige, ohne Payload.
hidden	Nach Verbergen, ohne Payload.

Slots

Slot	Argumente
default	()
content	()

vue

<script setup lang="ts">
import { TxTooltip } from '@tekocloud.de/tecexpress'
import '@tekocloud.de/tecexpress/themes/index.css'

</script>

<template>
  <TxTooltip text="More information"><button>Help</button></TxTooltip>
</template>

TxTooltip.