@mollycule/react-anime
Version:
React wrapper for using AnimeJS
30 lines (29 loc) • 1.06 kB
TypeScript
import React, { FC } from "react";
import { TransitionStatus, TransitionProps } from "react-transition-group/Transition";
import { AnimeParams, AnimeInstance } from "animejs";
export declare type AnimeProps = AnimeParams & {
onEntering?: AnimeParams;
onEntered?: AnimeParams;
onExited?: AnimeParams;
onExiting?: AnimeParams;
initProps?: AnimeProps;
animeRef?: React.MutableRefObject<AnimeInstance | undefined>;
};
export declare const AnimeComp: FC<AnimeProps & {
status: TransitionStatus;
}>;
export declare type AnimeTransitionProps = Pick<TransitionProps, "mountOnEnter" | "unmountOnExit" | "appear" | "in"> & AnimeProps & {
open?: boolean;
duration: number;
initProps?: AnimeProps;
animeRef?: React.MutableRefObject<AnimeInstance | undefined>;
};
declare const Anime: FC<AnimeTransitionProps>;
export declare const AnimeGroup: FC<AnimeTransitionProps>;
export declare const PerformAnime: FC<{
perform: boolean;
onPerform: AnimeParams;
retract?: boolean;
duration: number;
}>;
export default Anime;