Components
Console
src/components/animated-number.tsxAnimated Number
A figure that changes in place counts from what it showed to what it shows now, on the reveal motion token, so a reader sees that it changed. React renders only the final value; the frames between are written into the same text node, so anything that reads the page after it settles reads the real figure, and reduced motion and screen readers get the final value at once. The Financials figures use it when the range moves.
Three ranges, one figure
$29,277
Used on
- Console
- /console/business-reporting/btw-hours/console/business-reporting/enrollment/console/business-reporting/fleet-size/console/business-reporting/payroll/console/financials/console/financials/balances/console/financials/earned/console/financials/refunds/console/financials/sales/console/financials/transactions/console/financials/waived-fees/console/reporting/certificate-upload/console/reporting/dps-report/console/reporting/student-records