Number-format-webcomponent NPM

number-format-(webcomponent)

A simple ultra lightweight VanillaJS Webcomponent to display numbers including currencies.

No dependencies
1.87 kb Source Code
800 Bytes zipped

Usage

Include number-format.js:

    <head>
      <!-- if you want to support legacy browser add the webcomponents-loader -->
      <!-- <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> -->
      <script type="module" src="node_modules/number-format-webcomponent/number-format.js"></script>
      ...
      
    <body>
      <number-format number="5.2136"></number-format>

See the demo.html for the results.

Default - Browser Locale

<number-format number="5.2136"></number-format>

Result depends on your Browser Locale. Please seedemo.html

British Currency Style

<number-format number="5.2136" locale="en-GB" currency="GBP"></number-format>

£5.21

German Style - Using ,

<number-format number="5.2136" locale="de-DE"></number-format>

5,21

German Currency Style

<number-format number="5.2136" locale="de-DE" currency="EUR"></number-format>

5,21 €

4 Digits

<number-format number="5.2136" min-digits="4" max-digits="4"></number-format>

Result depends on your Browser Locale. Please seedemo.html

number format webcomponent vanilla

@webcomponents/webcomponentsjs

@infinitebrahmanuniverse/nolb-numb @everything-registry/sub-chunk-2354 @zalastax/nolb-numb

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago