v-tooltip-lite
Version:
Lightweight, Customizable Tooltip/Dropdown Component for Vue 3
21 lines (19 loc) • 736 B
TypeScript
import { Placement, Instance as PopperInstance } from '@popperjs/core';
import { Ref } from 'vue';
interface PopoverOptions {
onShow?: () => void;
onHide?: () => void;
}
export declare function usePopover(placement: Placement, offset: number[], triggerMode: 'hover' | 'click', options?: PopoverOptions): {
triggerRef: Ref<HTMLElement, HTMLElement>;
containerRef: Ref<HTMLElement, HTMLElement>;
popperInstance: Ref<PopperInstance, PopperInstance>;
actualPlacement: Ref<Placement, Placement>;
isOpen: Ref<boolean, boolean>;
initializePopper: () => Promise<void>;
updatePopper: () => void;
destroyPopper: () => void;
showTooltip: () => Promise<void>;
hideTooltip: () => void;
};
export {};