Wick Charts

NumberFlow

import { NumberFlow } from '@wick-charts/react';
 
<NumberFlow value={price} />

Animated number ticker. Spins between values with configurable duration. Used internally by <YLabel> and the InfoBar percent-change badge — also exported for custom UI.

Animated number ticker. Spins between values with configurable duration. Used internally by <YLabel> and the InfoBar percent-change badge — also exported for custom UI.

Props

valuenumber

Numeric value to display. Each digit that changes between renders animates with a vertical spin.

format?default to the current locale's `Intl.NumberFormat` when omitted((value: number) => string) | Intl.NumberFormatOptions

Value-to-string formatter. Defaults to the current locale's Intl.NumberFormat when omitted. Pass the shared formatCompact / formatPriceAdaptive helpers or your own function to customize.

Intl.NumberFormatOptions is also accepted (legacy) — it's routed through the built-in Intl.NumberFormat for back-compat with callers from before this prop was a function.

locale?default to `'en-US'`string

BCP 47 locale tag used by the default formatter. Defaults to 'en-US'.

spinDuration?default to `350`number

Per-digit spin animation duration in milliseconds. Defaults to 350.

className?string

Extra class on the root <span>.

style?CSSProperties

Inline style on the root <span>. Useful for fontVariantNumeric: 'tabular-nums'.