🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This component is a port of the famous fittext plugin that makes font-sizes flexible.

React Text

Documentation

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


You May Also Like