Skip to content

KTooltip

A simple text popup tip.

Install

bash
pnpm add @ikun-ui/tooltip
bash
yarn add @ikun-ui/tooltip
bash
npm install @ikun-ui/tooltip

Basic usage

Different placement

Specify different display positions through the placement attribute

Different triggers

Specify different trigger methods through the trigger attribute

Tooltip Props

NameTypeDefaultDescription
placement'top' / 'left' / 'right' / 'bottom'topWhere the tooltip appears
trigger'manual' / 'click' / 'hover'hoverHow tooltip are triggered
mouseEnterDelaynumber200Delay in seconds, before tooltip is shown on mouse enter, unit ms
mouseLeaveDelaynumber200Delay in seconds, before tooltip is shown on mouse enter, unit ms
defaultOpenboolean-Open tooltip by default
clsstring-Additional class
attrsRecord<string, string>{}Additional attributes
contentstring-tooltip's content

Tooltip Slots

NameDescription
triggerElTrigger element for tooltip

MIT Licensed