KPopover

The floating card popped by clicking or hovering.

Install

pnpm

pnpm add @ikun-ui/popover

yarn

yarn add @ikun-ui/popover

npm

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

Name	Type	Default	Description
placement	'top' / 'left' / 'right' / 'bottom'	top	Where the popover appears
trigger	'manual' / 'click' / 'hover'	hover	How popovers are triggered
disabled	boolean	false	Disabled the popover
mouseEnterDelay	number	200	Delay in seconds, before popover is shown on mouse enter, unit ms
mouseLeaveDelay	number	200	Delay in seconds, before popover is shown on mouse enter, unit ms
defaultOpen	boolean	-	Open popover by default
arrow	boolean	true	Display the arrow
cls	string	-	Additional class
attrs	Record<string, string>	{}	Additional attributes

Popover Events

Name	Description	Type
change	Triggered when the popover display status changes	(value: CustomEvent)=> void

Popover Slots

Name	Description
triggerEl	Trigger element for popover
contentEl	Content of popover