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.

The primitive

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	—