@erosnicolau/animated-text
Version:
Advanced React animated text component with comprehensive animation effects
29 lines • 1.43 kB
TypeScript
import { AnimationType, ComposableEffect, PhraseStyle, AnimationEasing } from '../types';
interface ContentRendererProps {
content: string;
animation: AnimationType;
allowHtml: boolean;
phraseStyles?: PhraseStyle[];
usePhrases: boolean;
itemSpacing: number;
wordEffect: ComposableEffect;
wordDuration: number;
wordEasing: AnimationEasing;
wordStyles?: Array<{
word: number;
className: string;
}>;
typewriterEffect: ComposableEffect;
typewriterDuration: number;
typewriterEasing: AnimationEasing;
wordTypewriterEffect: ComposableEffect;
wordTypewriterDuration: number;
wordTypewriterEasing: AnimationEasing;
animatedItems: Set<number>;
effectiveReplayKey: number;
performanceModeActive: boolean;
verticalAlign: 'top' | 'middle' | 'bottom' | 'baseline' | 'text-top' | 'text-bottom';
}
declare const ContentRenderer: ({ content, animation, allowHtml, phraseStyles, usePhrases, itemSpacing, wordEffect, wordDuration, wordEasing, wordStyles, typewriterEffect, typewriterDuration, typewriterEasing, wordTypewriterEffect, wordTypewriterDuration, wordTypewriterEasing, animatedItems, effectiveReplayKey, performanceModeActive, verticalAlign }: ContentRendererProps) => string | import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
export default ContentRenderer;
//# sourceMappingURL=ContentRenderer.d.ts.map