Expressive Money Input
Expressive money input is a currency input used exclusively for money movement flows.
This is a contributed component.
When to use
Use within money movement flows such as send, receive, convert and add.
Use expressive money input:
- for money movement transactions
Don't use expressive money input:
- in forms, use a money input instead
How to use
Balance details
Use balance details on the source target currency in the empty state of the component to indicate availability.
Prompts
Use an error prompt to let the user know why they can’t perform an action.
Interaction
Input
Selecting the input will scale the size of the value, typing beyond the length available will scale the size down to fit.
For source and target inputs, the target should update based on the source where relevant.
The input value colour changes between the empty and filled states.
