Currency field

Use a currency field to allow the user to input an amount of money

By default, currency fields use £ GBP

 

Currency field illustration 1

Usage

currency field usage illustration 1

Use whenever users have to input a monetary value and currency.

currency field usage illustration 2

Custom currency icons we can use are:

  • £ GBP - British pounds
  • € EUR - euros
  • $ AUD - Australian dollars
  • $ USD - US dollars

 

currency field usage illustration 3

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+