IntegerInput

Provides an input field for integer values, validating that user input is a valid integer, and showing error if not.
Shows by default a small button to multiply input's value * 10^18 to transform to fri.

Import

import { IntegerInput } from "~~/components/scaffold-stark";

Usage

const [txValue, setTxValue] = useState<string | bigint>("");

<IntegerInput
  value={txValue}
  onChange={updatedTxValue => {
    setTxValue(updatedTxValue);
  }}
  placeholder="value (fri)"
/>;

Props

Prop	Type	Default Value	Description
value	string	undefined	The data that your input will show.
onChange	function	undefined	A callback invoked when the amount in the input changes.
placeholder (optional)	string	undefined	The string that will be rendered before input data has been entered.
name (optional)	string	undefined	Helps identify the data being sent if InputBase is submitted into a form.
error (optional)	boolean	false	When set to true, changes input border to have error styling.
disabled (optional)	boolean	false	When set to true, changes input background color and border to have disabled styling.
variant (optional)	IntegerVariant enum	Uint256	The variant of integer input to use (Uint256 or Int256).
disableMultiplyBy1e18 (optional)	boolean	false	When set to true, disables the ability to multiply the value by 10^18.