splash-text
v1.0.2
Published
SplashText adorns your application with a splash of color when the user hovers their mouse over text!
Downloads
2
Readme
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'
/>