# How to format a number input as Currency in USD
**URL:** https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875
**Category:** How do I?
**Tags:** design
**Created:** [February 18, 2023, 10:34pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875 "2023-02-18T22:34:56Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@sebaspindu](https://community.weweb.io/u/sebaspindu)
#### Post date: [February 18, 2023, 10:34pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/1 "2023-02-18T22:34:56Z")
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
Sebas
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [February 27, 2023, 3:02pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/2 "2023-02-27T15:02:29Z")
Hi @sebaspindu 👋
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.
---
### Author:  [@justifi](https://community.weweb.io/u/justifi)
#### Post date: [March 1, 2023, 3:16pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/3 "2023-03-01T15:16:25Z")
+1 for a new element that displays input numbers/currencies more gracefully.
---
### Author:  [@aurelie](https://community.weweb.io/u/aurelie)
#### Post date: [March 9, 2023, 10:36am UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/5 "2023-03-09T10:36:37Z")
We just the release the step parameter for inputs, so your going 100 by 100 is now possible 🙂
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [March 9, 2023, 11:25am UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/6 "2023-03-09T11:25:45Z")
---
### Author:  [@sebaspindu](https://community.weweb.io/u/sebaspindu)
#### Post date: [March 9, 2023, 1:56pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/7 "2023-03-09T13:56:17Z")
Amazing ! trying this out now.
---
### Author:  [@aeynaud](https://community.weweb.io/u/aeynaud)
#### Post date: [March 9, 2023, 4:28pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/8 "2023-03-09T16:28:39Z")
You guys are fast, that’s awesome 🙂
---
### Author:  [@sebaspindu](https://community.weweb.io/u/sebaspindu)
#### Post date: [March 9, 2023, 9:31pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/9 "2023-03-09T21:31:09Z")
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.
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [March 16, 2023, 6:38pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/10 "2023-03-16T18:38:03Z")
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
---
### Author:  [@justifi](https://community.weweb.io/u/justifi)
#### Post date: [June 19, 2023, 7:33pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/11 "2023-06-19T19:33:16Z")
Any update on
> adding formatting options to the current `Number` and `Amount` input elements?
---
### Author:  [@flo](https://community.weweb.io/u/flo)
#### Post date: [June 23, 2023, 6:40pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/12 "2023-06-23T18:40:37Z")
Hi @justifi,
I just updated the ready-made element available in the add panel here 👇
Here is how it works, I hope you’ll it:
Let me describe how it is built, so you can customize it yourself.
First, it comes with a variable called `editing`
This variable is used to conditionally display an element to format the currency and the input to type in the value.
On the container, there are 2 workflows:
On mouse enter, it hides the number element that format the currency and displays the input:
On mouse leave, it hides the input and displays the number element:
Then the elements have the `display` property bound to the variable. It’s important to use the display property and not the `conditional rendering` property. Otherwise, the number element and the input would reinitialize, and you would lose the values.
One last thing, the number element is bound to the input value and the currency is bound to the select currency input.
You can find the `Number` element here 👇, if you wish to display a formatted currency in another use case
Tell us if that helps 🙂
---
### Author:  [@justifi](https://community.weweb.io/u/justifi)
#### Post date: [June 23, 2023, 8:11pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/13 "2023-06-23T20:11:46Z")
!!! that looks like its exactly what I wanted. I will begin replacing the existing currency inputs across my app immediately.
Thank you very much
---
### Author:  [@ericp](https://community.weweb.io/u/ericp)
#### Post date: [July 25, 2023, 10:11pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/14 "2023-07-25T22:11:31Z")
For some reason when I add the Amount element, it is not including the Formatted currency and Select Currency companion elements. It only places a Label, Number, and Hint elements nested in a Main element. Is this a bug?
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [August 9, 2023, 2:17pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/15 "2023-08-09T14:17:46Z")
Hi @ericp 👋
It does look like a bug. Let me report it internally and get back to you on this one 🙂
---
### Author:  [@justifi](https://community.weweb.io/u/justifi)
#### Post date: [August 11, 2023, 9:55pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/16 "2023-08-11T21:55:23Z")
@flo
i spent some time trying to implement this auto-formatting input across several forms on my app, but didn’t have much luck.
dragging the element from the Add panel, I was prompted with the “include variables” toggle. Regardless of the selection, the variables were not included. Similarly, no workflows were attached to the element.
Even though they were missing, your instructions were detailed enough that I tried to replicate the functionality .
I immediately found that a global variable (`editing`) is not an ideal solution for my application - in a form, where you might have a dozen inputs, you must implement a naive solution like juggling `editing1`, `editing2`, `editing3`…`editing_n`, or have to add a second variable that interacts with the element’s `id`…among other possible solutions
In any case, the complexity is significantly higher than the other drag-n-drop elements.
I think that this UI component will be easier to achieve if and when WeWeb introduces scoped variables
---
### Author:  [@luissh84](https://community.weweb.io/u/luissh84)
#### Post date: [August 12, 2023, 12:28am UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/17 "2023-08-12T00:28:01Z")
Hi @Joyce, It seems that the bug still persists, have you received any feedback about it?
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [August 14, 2023, 12:20pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/18 "2023-08-14T12:20:47Z")
Hi Luis, the bug is in the queue. Development has not started on it
---
### Author:  [@luissh84](https://community.weweb.io/u/luissh84)
#### Post date: [August 14, 2023, 4:43pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/19 "2023-08-14T16:43:14Z")
thanks for the update @Joyce
---
### Author:  [@Joyce](https://community.weweb.io/u/Joyce)
#### Post date: [August 24, 2023, 9:01am UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/20 "2023-08-24T09:01:41Z")
Hi @luissh84, @justifi, @ericp 👋
The `Amount` element should be fixed now 🙂
Don’t hesitate to reach out again if you run into other issues.
---
### Author:  [@ReadyDev](https://community.weweb.io/u/ReadyDev)
#### Post date: [September 13, 2024, 1:51pm UTC](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875/21 "2024-09-13T13:51:52Z")
I am trying to use this element but I cant find it in the inputs, @Joyce
[Next page](https://community.weweb.io/t/how-to-format-a-number-input-as-currency-in-usd/1875.md?page=2)