Optionaloptions: MetricFormattingOptionsFormatting options (locale, currency)
Memoized formatting functions for common metric types
// Use default locale and currency (en-US, USD)
const { currency, percentage, number } = useFormattedMetrics();
console.log(currency(50000)); // "$50,000"
console.log(percentage(0.95)); // "95%"
console.log(number(1234567)); // "1,234,567"
// Use custom locale and currency
const formatters = useFormattedMetrics({
locale: 'sv-SE',
currency: 'SEK'
});
console.log(formatters.currency(50000)); // "50 000 kr"
Custom hook providing memoized formatting functions for metrics
Business Perspective
This hook provides consistent metric formatting across all widgets, ensuring that financial data, percentages, and numbers are displayed uniformly. This improves comprehension and professionalism in security reports and dashboards presented to stakeholders. 📊
The memoization ensures efficient rendering when formatting large datasets or when components re-render frequently.