react-price-animation
Version:
A component for animating numbers and prices in React.
21 lines (20 loc) • 1.03 kB
TypeScript
import { HTMLAttributes } from 'react';
type CountAnimateProps = {
number: number | string;
delay?: number;
height?: string;
startDirection?: 'left' | 'right';
comma?: boolean;
initialAnimation?: boolean;
} & HTMLAttributes<HTMLDivElement>;
/**
* @param number - 숫자 or 123,000 같은 문자 형식만 가능합니다.
* @param delay - 숫자가 변경되는 딜레이 시간입니다. (default: 0.15)
* @param height - 숫자의 높이를 지정합니다. (default: 20px)
* @param startDirection - 숫자가 변경되는 방향을 지정합니다. (default: right)
* @param comma - 숫자에 ,를 추가할지 여부를 지정합니다. (default: true)
* @param initialAnimation - 초기 애니메이션을 실행할지 여부를 지정합니다. (default: true)
*/
export default function Count({ number, delay, height, startDirection, comma, initialAnimation, ...props }: CountAnimateProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=CountAnimate.client.d.ts.map