Number Ticker
Animate a number as it changes to a target value.
Preview
Import
import { NumberTicker } from "@sigil-ui/components";Usage
<NumberTicker value={1234} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Target value to count to. |
from | number | 0 | Starting value. |
duration | number | 1200 | Animation duration in ms. |
delay | number | 0 | Base delay in ms. |
decimals | number | 0 | Number of decimal places. |
prefix | string | — | Prefix string (e.g. "$"). |
suffix | string | — | Suffix string (e.g. "%"). |
formatNumber | boolean | true | Use locale number formatting with separators. |
trigger | "scroll" | "mount" | — | — |
viewOptions | UseInViewOptions | — | — |