Skip to content
On this page

KPopover

The floating card popped by clicking or hovering.

Install

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

Basic usage

Different placement

Specify different display positions through the placement attribute

Different triggers

Specify different trigger methods through the trigger attribute

Popover Props

NameTypeDefaultDescription
placement'top' / 'left' / 'right' / 'bottom'topWhere the popover appears
trigger'manual' / 'click' / 'hover'hoverHow popovers are triggered
clsstring-Additional class
attrsany{}Additional attributes

Popover Slots

NameDescription
triggerElTrigger element for popover
contentElContent of popover

MIT Licensed