UNPKG

use-truncate-from-middle

Version:

React hook which dynamically calculates the maximum number of characters that fit into an HTML element and truncates the text from middle with given middle chars.

20 lines (19 loc) 686 B
import { Target } from '../../utils/getTargetElement'; /** * Calculates the maximum number of characters that can be fit into give maxwidth. * Calculates the width of text with given font family via ref object, in terms of px * * @return number of chars of ref's text, including number of chars of given/default * returned value is an odd number, first part has +1 characters */ export interface Options { target: Target; maxWidth: number; middleChars?: string; } declare const useFitCharacterNumber: ({ target, maxWidth, middleChars }: Options) => { charNumber: undefined; } | { charNumber: number; }; export default useFitCharacterNumber;