react-transition-preset
Version:
Lightweight, zero-dependency transition component for React with common preset transition
12 lines (10 loc) • 774 B
TypeScript
interface TransitionStyles {
common?: React.CSSProperties;
in: React.CSSProperties;
out: React.CSSProperties;
transitionProperty: React.CSSProperties['transitionProperty'];
}
type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top' | 'pop-bottom' | 'pop-left' | 'pop-right' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right';
type TransitionMode = TransitionName | TransitionStyles;
declare const presets: Record<TransitionName, TransitionStyles>;
export { type TransitionMode, type TransitionName, type TransitionStyles, presets };