DocsAnimated Number
Animated Number
Smooth number transition animations.
Smooth number transition animations.
Smoothly animates a numeric value whenever it changes, using Framer Motion springs.
Target number value to animate to
import { AnimatedNumber } from "nexoreui"
<AnimatedNumber />| Property | Type | Default | Description |
|---|---|---|---|
| value | number | - | The numeric target value. Changing this triggers transition. |
| duration | number | - | Optional duration config (translated to spring dynamics). |
| formatFn | (value: number) => string | Math.round(v).toLocaleString() | Formatting function for rendering the numeric value to string. |