motion-v
Version:
<p align="center"> <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" /> </p> <h1 align="center">Motion for Vue</h1>
25 lines (24 loc) • 944 B
TypeScript
import { MotionNodeOptions } from 'motion-dom';
export type { Point } from 'framer-motion';
export type SupportedEdgeUnit = 'px' | 'vw' | 'vh' | '%';
export type EdgeUnit = `${number}${SupportedEdgeUnit}`;
export type NamedEdges = 'start' | 'end' | 'center';
export type EdgeString = NamedEdges | EdgeUnit | `${number}`;
export type Edge = EdgeString | number;
export type ProgressIntersection = [number, number];
export type Intersection = `${Edge} ${Edge}`;
export type ScrollOffset = Array<Edge | Intersection | ProgressIntersection>;
export interface ScrollInfoOptions {
container?: HTMLElement;
target?: Element;
axis?: 'x' | 'y';
offset?: ScrollOffset;
}
export interface Orchestration {
delay?: number;
when?: false | 'beforeChildren' | 'afterChildren' | string;
delayChildren?: number;
staggerChildren?: number;
staggerDirection?: number;
}
export type $Transition = MotionNodeOptions['transition'];