EtherInput

Displays input field for ETH/USD amount, with an option to convert between ETH and USD.

Import

import { EtherInput } from "~~/components/scaffold-eth";

Usage

const [ethAmount, setEthAmount] = useState("");

<EtherInput value={ethAmount} onChange={amount => setEthAmount(amount)} />;

Props

Prop	Type	Default Value	Description
value	string	undefined	You can enter ether quantity or USD quantity, but value will be always stored in ETH.
onChange	function	undefined	A callback invoked when the amount in the ether input changes.
placeholder (optional)	string	undefined	The string that will be rendered before ether input has been entered.
name (optional)	string	undefined	Helps identify the data being sent if EtherInput is submitted into a form.
disabled (optional)	boolean	false	When set to true changes input background color and border to have disabled styling.