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