use-animate-number
Version:
React hook for changin a number value smoothly
14 lines (13 loc) • 648 B
TypeScript
import * as easings from './easingFunctions';
export declare type oneOfEasingType = keyof typeof easings;
export declare type IeasingFunction = (elapsed: number, initialValue: number, amountOfChange: number, duration: number, s?: number) => number;
export interface IuseAnimateNumberOptions {
duration?: number;
enterance?: boolean;
direct?: boolean;
disabled?: boolean;
easing?: oneOfEasingType;
decimals?: number;
}
export declare type IuseAnimateNumber = (val: number, options?: IuseAnimateNumberOptions) => [number, (state: number, skip: boolean) => void];
export declare type ITimerRef = ReturnType<typeof setTimeout>;