How to format a number input as Currency in USD

I’m using the input number element want to allow user to see it with USD currency format

Also how do you customize the increment amount for the arrows, is to 1 by default but I want to add or decrease by 100


Hi @sebaspindu :wave:

Re your first question, it is not possible to display a number input as a currency. We would need a new element to do that. It can be done using JS but it’s very difficult and advanced.

Re your second question, it’s not possible at this time but the product team is aware of your request so will take a look and decide if/when it can be added to the roadmap.

1 Like

+1 for a new element that displays input numbers/currencies more gracefully.

1 Like

We just the release the step parameter for inputs, so your going 100 by 100 is now possible :slight_smile:

1 Like


Amazing ! trying this out now.

1 Like

You guys are fast, that’s awesome :slight_smile:

Hey guys, just tried out it works lke a charm ! My only observation is that you need to set up a Max amount for it to work. So in my case where there is no max value I had to do 100000000000, some people may get confused by this.

Also wanted to to follow up $ currency part of the element wondering if there is any docuemtnation on the javascript work around.

Thanks @sebaspindu, noted!

Nope, we don’t have documentation on this. We’re exploring the possibility of adding formatting options to the current Number and Amount input elements

1 Like