react-money-component-intl v1.0.8
React Money Component Intl
Simple React component that converts any random amount to a nicely formatted string with the given locale and currency.
To build the examples locally, run:
npm install
npm start
Then open localhost:8000
in a browser.
Installation
The easiest way to use react-money-component-intl is to install it from NPM and include it in your own React build process (using Browserify, Webpack, etc).
You can also use the standalone build by including dist/react-money-component-intl.js
in your page. If you use this, make sure you have already included React, and it is available as a global variable.
npm install react-money-component-intl --save
Usage
var ReactMoneyComponentIntl = require('react-money-component-intl');
<ReactMoneyComponentIntl amount={12500} currency={"EUR"} locale={"nl-NL"} />
Properties
Currently the supported languages are: nl-NL de-DE en-GB en-US fr-FR pl-PL ru-RU es-ES it-IT hu-HU
List of all the languages: https://github.com/andyearnshaw/Intl.js/tree/master/locale-data/jsonp
You can add more languages just by simply requiring one like this
require("intl/locale-data/jsonp/<name of locale>")
Development (src
, lib
and the build process)
NOTE: The source code for the component is in src
. A transpiled CommonJS version (generated with Babel) is available in lib
for use with node.js, browserify and webpack. A UMD bundle is also built to dist
, which can be included without the need for any build system.
To build, watch and serve the examples (which will also watch the component source), run npm start
. If you just want to watch changes to src
and rebuild lib
, run npm run watch
(this is useful if you are working with npm link
).
_
Copyright (c) 2017 Frank Selhorst.