Looking at the original seed demo (a big bold "1,000+" stat), the ported
CountUp was impoverished: a plain grouped decimal, no affixes, no currency/
percent — "just a countdown, you don't need an animation for that".
- Component: add the affixes the seed had (`prefix`/`suffix`, each in its own
span) and the FULL `<FormatNumber>` option surface (`formatStyle` currency/
percent/unit · `notation` compact · fraction digits) — delivering the D-T2
"both share the same formatter" promise: a count animates toward a currency,
a percent or a compact value, not just a decimal. Render with
`font-variant-numeric: tabular-nums` inline so digits don't jitter while
counting (no CSS recipe — E-2.2 exception intact).
- Fix a fraction-digits bug: min-fraction inherited the raw value's decimals
(0.999 → "99,900%"); default min to 0 so `maximumFractionDigits` governs.
- Demo: present it as an animated STAT — big/bold/tabular-nums, suffix "+",
a preset row (12.500+ users · $1,2M · 99,9% · ↓3,2s) and format controls.
Verified in real Chrome: "382+" counts to "12.500+"; the $1,2M preset animates
compact EUR ("36,4 mil €" → "1,2 mill €"). Matrix 141/0/0, check clean.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
dev
c421baab65