Package Exports

vue-use-popperjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-use-popperjs) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue-use-popperjs

The usePopperjs hook provides an API identical to the ones of createPopper constructor.

API

Parameters

Reference

type: MaybeRef<Element | VirtualElement>

Popper

type: MaybeRef<HTMLElement>

Options

Popperjs Options

See popper.js

Extra Options

Option	Default	Type	Description
trigger	`'hover'`	`'hover' \| 'focus' \| 'click-to-toggle' \| 'click-to-open' \| 'manual'`	`hover` - open popper when hovering reference `focus`: open popper when focusing on reference, hide popper on blur `click-to-open`: click reference toggles popper's visibility `click-to-open`: open popper when clicking reference, click outside to hide popper `manual`: manually change popper's the visible of returned value
delay-on-mouseover	`200`	`number`	Delay in ms before showing popper during the mouseover event, only applicable for `trigger='hover'`
delay-on-mouseout	200	number	Delay in ms before hiding popper during the mouseout event, only applicable for `trigger='hover'`
force-show	false	boolean	Force show the popper even manually (see the visible of returned value) close it

Return Type

Key	Type	Description
instance	`Ref<Instance>`	Popperjs instance
visible	`Ref<boolean>`	Whether popper is visible, Also allow to manually set this value if trigger='manual'