The <luna-format-number> component formats numeric values using the browser's native Intl.NumberFormat API with automatic locale detection.
Paths
/lunadom/components/format-number/format-number.js Basic Decimal Formatting
Price:
Large number:
Small number:
Currency Formatting
US Dollars:
Euros:
British Pounds:
Japanese Yen:
Currency Display Styles
Symbol:
Code:
Name:
Percentage Formatting
Success rate:
Growth:
Completion:
Unit Formatting
Speed:
Temperature:
Distance:
Weight:
Volume:
Unit Display Styles
Short:
Long:
Narrow:
Precision Control
Default:
Min 2, Max 2:
No decimals:
High precision:
Compact Notation
1 thousand:
1 million:
1 billion:
1 trillion:
Compact Display Styles
Short:
Long:
Scientific Notation
Large:
Small:
Sign Display
Auto (negative only):
Always:
Except zero:
No Grouping
With grouping:
Without grouping:
Real-World Examples
E-commerce Product
Price:
Discount:
Weight:
Analytics Dashboard
Total users:
Conversion rate:
Revenue:
Customization
value - Number to format (required)type - Format type (decimal, currency, percent, unit, default: "decimal")currency - ISO 4217 currency code (e.g., "USD", "EUR", "GBP")currency-display - Currency label style (symbol, narrowSymbol, code, name, default: "symbol")unit - Physical unit identifier (e.g., "kilometer-per-hour", "celsius")unit-display - Unit label style (long, short, narrow, default: "short")min-fraction-digits - Minimum decimal placesmax-fraction-digits - Maximum decimal placesno-grouping - Disable thousands separatornotation - Number notation (standard, scientific, engineering, compact, default: "standard")compact-display - Compact suffix length (short, long, default: "short")sign-display - Sign visibility (always, exceptZero, never, auto, default: "auto")