Number Flow React Native
Examples

Percentage & Compact Notation

Animated percentages and compact number formatting

NumberFlow supports all Intl.NumberFormat notation styles. This example shows style: 'percent' and notation: 'compact'.

Percentage

style: 'percent' multiplies the value by 100 and appends %. Pass 0.42 to display 42.0%.

Compact Notation

notation: 'compact' abbreviates large numbers with locale-appropriate suffixes like K, M, B. The suffix characters animate in and out as the magnitude changes.

Compact notation suffixes are locale-dependent. For example, en-US uses "K", "M", "B" while ja-JP uses "万", "億".

On this page