react-teffex
Version:
Text Effects: Stateful React text effects for amazing websites
52 lines (51 loc) • 1.3 kB
TypeScript
import React from "react";
declare type props = {
text: string;
speed?: number;
buffer?: number;
glitchSpeed?: number;
dontGlitch?: boolean;
reverse?: boolean;
style?: any;
alphabet?: boolean;
extendedAlphabet?: boolean;
onMouseLeave?: (event: any) => void;
onMouseEnter?: (event: any) => void;
onClick?: (event: any) => void;
id?: string;
};
declare type state = {
text: string;
hasAnimated: boolean;
};
export default class Glitch extends React.Component<props, state> {
speed: number;
buffer: number;
total: number;
start: number;
alph: string;
style: any;
letters: string[];
glitchSpeed: number;
isGlitched: boolean;
glitchCycleTimer: number;
glitchTimers: number[];
timer: number;
index: number;
glitchWord: string;
glitchMem: string;
glitchLetter: number;
glitchCycleSpeed: number;
constructor(props: any);
generateRandomValue: () => string;
returnToNormalText: (text: string) => string;
randomiseRemainingText: (text: string) => string;
renderText: () => void;
animate: () => void;
setGlitchTimers: () => void;
glitch(): void;
componentDidMount(): void;
componentWillUnmount(): void;
render(): JSX.Element;
}
export {};