KPopover
The floating card popped by clicking or hovering.
Install
bash
pnpm add @ikun-ui/popoverpnpm add @ikun-ui/popoverbash
yarn add @ikun-ui/popoveryarn add @ikun-ui/popoverbash
npm install @ikun-ui/popovernpm install @ikun-ui/popoverBasic 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 |