Best way to to have an input indicate it is a dollar amount?

[tomvonheill]

I have a field that is being input as a dollar amount, and am wondering the best way to show the user this? Any one have a best practice.

I was thinking about just appending a dollar sign to the front of the input but that doesn't feel right. Should it just be a hint?

Looking for some strong opinions (i'm a backend guy looking to not destroy this these UI standards)

[katiegeorge]

Good question! There are a couple different ways you could do this that would all be good industry practice, so it's up to you which one you ultimately end up using.

1. Add an indicator directly to the field label

2. Add an indicator inside the constraint text.

3. Add an indicator inline, as a prefix or suffix.

One small aspect to keep in mind with adding a prefix here is that if you have several fields lined up vertically, the alignment could look off.

Remember to add type="number" to the Input as an added affordance so that the user can't accidentally type a letter value!