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>
21 lines (20 loc) • 742 B
TypeScript
import { Options } from '../../types';
/**
* Motion configuration state shared through context
*/
export interface MotionConfigState {
/** Default transition settings for animations */
transition?: Options['transition'];
/**
* @deprecated Use `reducedMotion` instead
*/
reduceMotion?: 'user' | 'never' | 'always';
/** Controls motion reduction based on user preference or explicit setting */
reducedMotion?: 'user' | 'never' | 'always';
/** Custom nonce for CSP compliance with inline styles */
nonce?: string;
/** Options for the inView prop */
inViewOptions?: Options['inViewOptions'];
}
/** Props interface matching the config state */
export type MotionConfigProps = MotionConfigState;