Skip to content
On this page

KTooltip

A simple text popup tip.

Install

bash
pnpm add @ikun-ui/tooltip
pnpm add @ikun-ui/tooltip
bash
yarn add @ikun-ui/tooltip
yarn add @ikun-ui/tooltip
bash
npm install @ikun-ui/tooltip
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
clsstring-Additional class
attrsany{}Additional attributes
contentstring-tooltip's content

Tooltip Slots

NameDescription
triggerElTrigger element for tooltip

MIT Licensed