Use a currency field to allow the user to input an amount of money.
By default, currency fields use £ GBP.
Input fields have different styling on web and app.
1. Web
2. App
Usage
Use whenever users have to input a monetary value and currency.
Custom currency icons we can use are:
- £ GBP - British pounds
- € EUR - euros
- $ AUD - Australian dollars
- $ USD - US dollars
When using a currency field for a user to update a monetary amount, for example to change their monthly payment, do not use a pre-filled value.
Write the current monetary amount before the field, followed by an an empty currency field for the user to enter a new amount.
Available platforms
|
Platform |
Available |
|---|---|
|
Figma |
v3+ |
|
Web (@ovotech/element) |
v3.1.0+ |
|
App (@ovotech/element-native) |
v3.1.0+ |
Related components