Animated Text Component for React applications
- Version:
- 1.0.0
Requires
- module:react
Methods
# inner AnimatedText(props) → {React.ReactElement}
AnimatedText Component
Parameters:
| Name | Type | Description |
|---|---|---|
props |
AnimatedTextProps
|
Component props |
Rendered component
React.ReactElement
Type Definitions
Object
# AnimatedTextConfig
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
speed |
number
|
<optional> |
100 | Animation speed in milliseconds |
loop |
boolean
|
<optional> |
false | Whether to loop the animation |
delay |
number
|
<optional> |
0 | Delay before animation starts |
color |
string
|
<optional> |
'currentColor' | Text color |
Object
# AnimatedTextProps
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
text |
string
|
The text to animate |
||
effect |
'typewriter'
|
'fadeIn'
|
'bounce'
|
'glitch'
|
'rainbow'
|
<optional> |
'typewriter' | Animation effect |
config |
AnimatedTextConfig
|
<optional> |
Animation configuration |
|
styles |
Object
|
<optional> |
Custom CSS styles |