0.5.0 • Published 7 years ago
react-decimal-field v0.5.0
react-decimal-field
React component that represents a decimal input field. This takes as input ONLY digits and zero or one point(.).
Installation
npm install react-decimal-field --save
Usage
let DecimalField = require('react-decimal-field');
functionToSetDecimalValue: function(value) {
console.log("This is what I want to do with the value " + value);
}
render : function () {
return (
<div>
<DecimalField name="My Field" setValue={this.functionToSetDecimalValue} />
</div>
)
}
See it in action !
You can find a working example here.
Testing
If you want to test the component in an already working context, there is an app already set up for that. Go in the node_modules/react-decimal-field folder, you will find the gulpfile.js file and an app folder containing the sources. To get the app running, do the following :
npm install // this installs the required packages for the component
npm install -g gulp // to build the test app
gulp // launches the default task
npm install -g http-server // optional, if you want to use this server to view the app in a browser
http-server ./dist/ -p 4000 // to launch the server
Point your browser to http://127.0.0.1:4000 to see the sample app that uses the component.