TxTooltip · Vue · tecexpress

Hint for target content with a delay and optional custom content.

Prop	Type	Default	Meaning
`text`	`string \| undefined`	``	Text to display.
`disabled`	`boolean \| undefined`	`false`	Disables interaction.
`visible`	`boolean \| undefined`	`undefined`	Controls visibility.
`showDelay`	`number \| undefined`	`0`	Delay before showing, in milliseconds.
`hideDelay`	`number \| undefined`	`0`	Delay before hiding, in milliseconds.
`position`	`string \| undefined`	`top`	Position of the notification or overlay.
`showOn`	`string \| undefined`	`hover`	Tooltip trigger.

Events

Event	Payload / behavior
update:visible	New visible value; accept using v-model:visible (modelValue: v-model).
shown	After showing, without a payload.
hidden	After hiding, without a payload.

Slots

Slot	Arguments
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.