react-rainbowfy
v1.0.19
Published
Rainbowfy any text you want using this react component. The animation is very catchy.
Downloads
7
Maintainers
Readme
RAINBOWFY
A React component that plays a rainbow animation for any text that you enter.
How To Use:
import Rainbowfy from 'react-rainbowfy';
const MyApp = () => {
<ContainerComponent>
<div>Some usual stupid stuff,
follow by a super awesome animation !</div>
<Rainbowfy>Show me the power of NPM.</Rainbowfy>
</ContainerComponent>
}
You may also use the following options:
- fontWeight: The font-weight css property. Specify any font you like as long as it is valid css. (Value is a string)
- fontSize: The size of the font. Please specify unit: px, em, rem, vw, vh...(Value is a string)
- font: choose any font you like. Specify a font as such: 'sans-serif'. (value must be a string)
All those options should be passed as props. If none are specified, you will get a default of:
- 400 fontWeight
- 1rem fontSize
- sans-serif font
How To Build From Source:
For Development:
npm run no-defaults
For Production:
npm run build
You may also just use the react component by copying Rainbowfy.jsx into your project and importing it from the directory you put it in.
Get it on NPM:
https://www.npmjs.com/package/react-rainbowfy