Licence
MIT
Version
1.0.4
Deps
0
Vulns
0
Weekly
6
React MUI NumberField
Number field component for React Material UI.
Install
npm install react-material-ui-number-input --save
Using
import ReactDom from 'react-dom';
import React from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import NumberField from 'react-material-ui-number-input';
// Needed for onTouchTap material-ui
// http://stackoverflow.com/a/34015469/988941
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
ReactDom.render(
(<MuiThemeProvider>
<NumberField name="name" min={-100} max={100} />
</MuiThemeProvider>),
window.document.getElementById('app'),
);API
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | ||
| className | string | The css class name of the root element. | |
| disabled | bool | false | Disables the input field if set to true. |
| id | string | The id prop for the input field. | |
| name | string | Name applied to the input. | |
| defaultValue | number | The number to use for the default value. | |
| min | number | The number to use for the minimum limit | |
| max | number | The number to use for the maximum limit | |
| value | string | The value of the input field. | |
| onChange | function | Callback function that is fired when input filed must change. | |
| floatingLabelText | node | The content to use for the floating label element. | |
| style | object | Override the inline-styles of the root element. |