typingfx
Version:
Customizable, smooth, and snappy typing animations for React — built for natural, human-like effects with minimal config.
25 lines (24 loc) • 839 B
TypeScript
import { HTMLProps, ReactNode } from "react";
import { Optional } from "@m2d/core";
import { ICommonProps } from "./store";
/**
* Props for the TypeOut component.
* Provides fine-grained control over typing behavior, repetition, and accessibility.
*/
interface DefaultTypeOutProps extends HTMLProps<HTMLDivElement>, ICommonProps {
/** Sequence of steps (lines or phrases) to animate through. */
steps: ReactNode[];
storeId?: string;
}
export type TypeOutProps = Optional<DefaultTypeOutProps>;
/**
* TypeOut component — main entry point.
* Handles prefers-reduced-motion and conditional rendering.
*
* @example
* ```tsx
* <TypeOut steps={["Hello", "World"]} />
* ```
*/
export declare const TypeOut: import("react").MemoExoticComponent<(props_: TypeOutProps) => import("react/jsx-runtime").JSX.Element>;
export {};