Ticker
Animated text/number display.
Importing
1
import { Ticker } from '@infinityfx/fluid';Usage
API reference
Ticker Props
value
string | number
Required
fadeEdges?
boolean
true
Apply a subtle fade in and out effect along the top and bottom edges.
interpolateNumbers?
boolean
false
When true, adds intermediate values when animating between different numbers.
selective?
boolean
false
When true, only animate characters that have actually changed since the last value.
lineHeight?
number
1.1
duration?
number
0.4
The animation duration of each character transition in seconds.
stagger?
number
0.05
Stagger delay between sequential character animations in seconds.