react-fittext

    1.0.0 • Public • Published

    React Fit text

    This component is a port of the famous fit text plugin for jQuery to use with React.

    This component is 100% jQuery Free.

    Homepage: http://softwarepsychonaut.com/react-fittext

    Usage

    Simply wrap your text component inside

    // In your React component
     
    var ReactFitText = require('react-fittext');
    ...
     
    <ReactFitText>
      <h2>Testing React Fittext</h2>
    </ReactFitText>

    and you're good to go!

    If you want to see a live demo of this component, you can check the homepage.

    Parameters

    There are few options you can send to the component to modify it default behaviour:

    • compressor: you can tweak this variable to increase / decrease the font-size. Default is 1.
    • minFontSize: the minimun font size (in px) this component should use.
    • maxFontSize: the maximum font size (in px) this component should use.

    Issues / PR

    If you found any issue with this component, please report it.

    If you want to improve the code, feel free to create a PR!

    Thanks

    Install

    npm i react-fittext

    DownloadsWeekly Downloads

    10,347

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • denis-sokolov
    • gianu