motion-v
Version:
<h1 align="center"> <img width="35" height="35" alt="Motion logo" src="https://github.com/user-attachments/assets/00d6d1c3-72c4-4c2f-a664-69da13182ffc" /><br />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;