UNPKG

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
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'];