Zippytech React Toolkit is distributed via npm. So getting it installed is as easy as:

$ npm install @zippytech/react-toolkit --save

Or, if you are using yarn you have to run:

$ yarn add @zippytech/react-toolkit

To start using the <NumericInput /> component, all you need to import is React, the code and styles of the component itself: @zippytech/react-toolkit/NumericInput and @zippytech/react-toolkit/NumericInput/index.css.

This is the most basic setup for a <NumericInput />. In the following sections we'll explore how to use the <NumericInput /> in various scenarios, styling and supported props.

Custom formats, such as currency are supported

The spinner control and clear button can have a custom style.