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!