KTooltip
示例
Hover to show tooltip
Tooltip that displays informational text on hover with configurable placement and delay.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| content | string | '' | Text content to display in the tooltip. |
| placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | Placement of the tooltip relative to the trigger element. |
| delay | number | 200 | Delay in milliseconds before the tooltip appears on hover. |
Slots
| Name | Description |
|---|---|
| default | The trigger element that the tooltip is anchored to. |
Basic Usage
vue
<script setup>
import { KTooltip } from '@kK-2004/ui-component'
</script>
<template>
<KTooltip content="Helpful tip" placement="top" :delay="200">
<KButton>Hover me</KButton>
</KTooltip>
</template>