@flyyer/use-fit-text
Version:
React hook used to fit text in a div
18 lines (17 loc) • 720 B
TypeScript
import { DependencyList } from "react";
export declare type TLogLevel = "debug" | "info" | "warn" | "error" | "none";
export declare type TOptions = {
logLevel?: TLogLevel;
maxFontSize?: number;
minFontSize?: number;
onFinish?: (fontSize: number) => void;
onStart?: () => void;
resolution?: number;
};
export declare function useFitText<T extends HTMLElement = HTMLDivElement>({ logLevel: logLevelOption, maxFontSize, minFontSize, onFinish, onStart,
/** Lower values are more strict but causes more renders, defaults to `5` */
resolution, }?: TOptions, deps?: DependencyList): {
fontSize: string;
ref: import("react").MutableRefObject<T>;
isCalculating: boolean;
};