react-font-resizer

    1.0.3 • Public • Published

    React Font Resizer

    Automatically resizes the font to prevent it from overflowing its container. The font will not increase over its initial size, but it will shrink as much as necessary.

    Installation

    npm install --save react-font-resizer

    Usage

    The DOM hierarchy under a FontResizer component may be as complex as you wish, but there must be at least one child element (i.e. the text inside of a FontResizer component can not be a direct child text node of the component).

    import FontResizer from 'react-font-resizer'
     
    const MyComponent = ({text}) => (
        <FontResizer>
            <div>{text}</div>
        </FontResizer>
    )

    See the examples folder for a working demo.

    Install

    npm i react-font-resizer

    DownloadsWeekly Downloads

    7

    Version

    1.0.3

    License

    MIT

    Last publish

    Collaborators

    • ericbiewener