1.0.2 • Published 4 years ago
splash-text v1.0.2
splash-text
SplashText adorns your application with a splash of color when the user hovers their mouse over text!
Installation
npm install --save splash-text
Usage
SplashText is configured entirely through its props.
| Prop | Type | Description |
|---|---|---|
baseColor | string | Defines the default text color |
duration | number | Duration (in seconds) the animation will last |
enterColors | array<string> | Defines the colors and order of the color rings |
interval | number | Interval (in milliseconds) between color rings |
text | string | Text to be displayed |
textStyle | object | styling to be applied to the text |
Example
<SplashText
enterColors={[
'#3333FF',
'#8833FF',
'#FF3388',
]}
baseColor='#FFFFFF'
interval={200}
duration={2}
textStyle={{
fontSize: 100,
}}
text='This is text'
/>
1.0.2
4 years ago