Examples
Prefix & Suffix
Static text before and after animated numbers
The prefix and suffix props add static text that animates in and out alongside the number. Useful for labels, units, and decorative text.
Notes
- Prefix and suffix characters are treated as static symbols in the layout engine.
- When a prefix or suffix is added or removed (e.g. changing from
""to"Score: "), each character enters with an opacity + vertical slide animation. - Prefix/suffix characters are keyed independently, so changing from
" pts"to" points"animates only the differing characters.