diff --git a/docs/components/format-number.md b/docs/components/format-number.md
index bcfd18992..782885c92 100644
--- a/docs/components/format-number.md
+++ b/docs/components/format-number.md
@@ -4,7 +4,7 @@
Formats a number using the specified locale and options.
-Localization is handled by the browser's built-in [Intl: NumberFormat API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat). As such, there's no need to load language packs or omit those you don't plan on using.
+Localization is handled by the browser's built-in [Intl: NumberFormat API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat) so there's no need to load bulky language packs.
```html preview
@@ -43,7 +43,7 @@ Use the `locale` attribute to set the number formatting locale.
```html preview
English:
German:
-Russian:
+Russian:
```
### Currency
diff --git a/src/components/format-number/format-number.tsx b/src/components/format-number/format-number.tsx
index d5609ec66..f0b92a7fc 100644
--- a/src/components/format-number/format-number.tsx
+++ b/src/components/format-number/format-number.tsx
@@ -10,7 +10,7 @@ import { Component, Prop } from '@stencil/core';
shadow: true
})
export class FormatBytes {
- /** The number to format in bytes. */
+ /** The number to format. */
@Prop() value = 0;
/** The locale to use when formatting the number. */
@@ -44,9 +44,7 @@ export class FormatBytes {
@Prop() maximumSignificantDigits: number;
render() {
- const number = Number(this.value);
-
- if (isNaN(number)) {
+ if (isNaN(this.value)) {
return '';
}
@@ -60,6 +58,6 @@ export class FormatBytes {
maximumFractionDigits: this.maximumFractionDigits,
minimumSignificantDigits: this.minimumSignificantDigits,
maximumSignificantDigits: this.maximumSignificantDigits
- }).format(number);
+ }).format(this.value);
}
}