Number Ticker
Animated number with prefix/suffix support and decimal places.
npx arupui add number-ticker
Preview
$0
Revenue
0.0%
Uptime
Usage
number-ticker.tsx
import { NumberTicker } from "@/components/blocks/number-ticker"
<NumberTicker value={12450} prefix="$" />
<NumberTicker value={99.9} suffix="%" decimalPlaces={1} />Props
| Prop | Type | Default |
|---|---|---|
value | number | - |
prefix | string | "" |
suffix | string | "" |
decimalPlaces | number | 0 |
delay | number | 0 |
valueType:
numberDefault: -prefixType:
stringDefault: ""suffixType:
stringDefault: ""decimalPlacesType:
numberDefault: 0delayType:
numberDefault: 0