Component

Wallet input

A text field that recognizes a wallet-address format as you type and swaps into a confirmed-address card, showing a saved label or new/previously-used status.

Standalone

Destination address

wallet input.tsx

<NativeEvmInput
  label="Destination address"
  value={value}
  onValueChange={setValue}
  status="saved"
  savedLabel="Morgan Diaz"
/>

Example

Shown both before and after recognition: the plain field while typing, then the confirmed-address card once the format resolves.

Destination address

evm-input-example.tsx

<NativeEvmInput label="Destination address" value={value} onValueChange={setValue} />
<NativeEvmInput label="Destination address" value={value} onValueChange={setValue} status="new" />

Capabilities

Prop	Type	Description
label	string	-
valuerequired	string	-
onValueChangerequired	(value: string) => void	-
onBlur	React.FocusEventHandler<HTMLInputElement>	-
name	string	-
placeholder	string	-
error	string	-
size	"sm" \| "md" \| "lg"	-
surface	NativeInputSurface	-
savedLabel	string \| null	-
status	NativeEvmInputStatus \| null	-
metadataLoading	boolean	-
onReset	() => void	-