AddressField

A field component to display Ethereum Addresses.

Usage

import { AddressField } from '@aragon/ui'

function App() {
  return <AddressField address="0xcafE1A77e84698c83CA8931F54A755176eF75f2C" />
}

Demonstration

Props

address

TYPE
DEFAULT VALUE

String

None (Required)

Adress to display in the field.

Example:

<AddressField address="0xcafE1A77e84698c83CA8931F54A755176eF75f2C" />

autofocus

TYPE
DEFAULT VALUE

Boolean

true

Focus the text field when the component gets mounted.

icon

TYPE
DEFAULT VALUE

Node

None

Icon to display in the field. Can pass anything that can be rendered, such as num, string, DOM elements, an array of them, or fragments that contain them.

Example:

<AddressField
  address="0xcafE1A77e84698c83CA8931F54A755176eF75f2C"
  icon={<img />}
/>

Last updated

Was this helpful?