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
Name | Type | Default | Description |
---|---|---|---|
placement | 'top' / 'left' / 'right' / 'bottom' | top | Where the popover appears |
trigger | 'manual' / 'click' / 'hover' | hover | How popovers are triggered |
cls | string | - | Additional class |
attrs | any | {} | Additional attributes |
Popover Slots
Name | Description |
---|---|
triggerEl | Trigger element for popover |
contentEl | Content of popover |