Animated number
Formatted number with rolling digits when its value changes.
Loading interactive example
Use AnimatedNumber for changing dashboard totals. It inherits text metrics and exposes the final formatted value once. Reduced motion shows the final value immediately. Consumers own refresh timing.
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
format | Intl.NumberFormatOptions | prop | No | undefined |
locale | string | prop | No | undefined |
value | number | prop | Yes |
Source
Loading source