Skip to content

Numeric Input for interfaces built with Material-UI for React

Notifications You must be signed in to change notification settings

SampaioLeal/material-ui-numeric-input

Repository files navigation

material-ui-numeric-input

Numeric Input for interfaces built with Material-UI for React

NPM JavaScript Style Guide

Updates

2.0.0

  • Updated material-ui to version 5
  • Removed styled-components in order to use material styled API
  • Other packages updated

1.0.7

  • Value prop now works as expected, like disabled inputs with calc.

1.0.6

  • Input output value is now just a Number

1.0.5

  • Value prop is now optional, the input have its own internal state
  • Target output value is now a valid Number string

Install

NPM

npm install --save material-ui-numeric-input

Yarn

yarn add material-ui-numeric-input

Usage

Demo: https://sampaioleal.github.io/material-ui-numeric-input

import React from 'react';
import NumericInput from 'material-ui-numeric-input';

function Example() {
  return (
    <NumericInput
      name='example'
      precision={3}
      decimalChar=','
      thousandChar='.'
      label='Example'
      onChange={(event) => console.log(event.target.value)}
      variant='outlined'
    />
  );
}

License

MIT © SampaioLeal