Open Source: Currency Masking in React

Jun 09, 2015

An input that is getting masked (really, re-evaluated) as currency.

Currency Input from React Stride

Stride's own Ian McNally has open sourced a currency masker for React.

Blog excerpt:

It takes a normal number input, and converts the last two digits into cents.

Using the mask makes number inputting faster, since a user only has to input digits, not dots too. It works great on mobile, with pattern="d*", which launches the numeric keypad. Bigger numbers means less typing errors.

I just added it into Farely. The speed and accuracy on a numeric keypad will keep the impatient and the creeps at bay when you're trying to refill your metrocard.


Source code is on Github.

Read Ian's full blog here.

You May Also Like

These Stories On Technology

Josh Seiden, the fourth speaker in Stride's Leadership through adversity speaker series, spoke about the value of focusing on outcomes, defined as: "measurable changes in behavior that drive business results."   read more

To start his talk, psychiatrist and psychoanalyst Dr. Kerry Sulkowicz admitted to being at a bit of a loss when asked about best practices for leading through a pandemic. "The honest answer is I don't know," he stated, "because none of us has lived ... read more

Taking direct aim at the narrative of the "all in" entrepreneur who takes extreme risks and depletes their bank account before ultimately succeeding, noted NYC VC Charlie O'Donnell started his Stride Consulting “Leading through Adversity” talk on May ... read more

In response to these unprecedented times and the challenges that they are bringing to company leaders, Stride Consulting launched a speaker series entitled “Leading through Adversity” on May 26th. In the series, experts from around the globe, from a ... read more

Get Email Updates