@stackoverfloweth/prefect-design
Version:
A collection of low-level Vue components.
24 lines (23 loc) • 960 B
TypeScript
import { Ref } from 'vue';
import { MaybeRef } from '../types/ref';
type DisconnectScrollLink = () => void;
type ScrollLinkReturnValue = {
disconnect: DisconnectScrollLink;
source: Ref<HTMLElement | undefined>;
target: Ref<HTMLElement | undefined>;
};
/**
* The useScrollLinking composition takes 2 optional element references (source, target)
* and attaches a scroll event listener to the source. When the scroll event of the
* source element is fired, the scroll position of the target is updated to match, producing
* a scroll linking effect.
*
* This composition will tear down when the calling component is unmounted but can be disconnected
* early using the returned disconnect method.
*
* @param source Ref<HTMLElement>
* @param target Ref<HTMLElement>
* @returns ScrollLinkReturnValue
*/
export declare function useScrollLinking(source?: MaybeRef<HTMLElement>, target?: MaybeRef<HTMLElement>): ScrollLinkReturnValue;
export {};