Use the PublicAddress component to display an Ethereum public address, specific blockchain entry or a contract address, and offer copy-to-clipboard functionality.
Import component
import { PublicAddress } from 'rimble-ui';



Prop NameTypeIs RequiredDefault ValueDescription
addressstringoptionalnoneSets Ethereum address as the value of the field
labelstringoptionalnoneSets the text label
Styled System Props
Box uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styed System props.

Design guidelines

Some best practice for using PublicAddress
Consider showing a QR code too
Although the copy-to-clipboard functionality makes it relatively easy to do stuff with a public address, you may want to consider showing a QR code of the address so that users can interact with the address using a mobile wallet or dapp.
Your connected account:


Are we missing anything?

If you have any extra insight you'd like to add, please raise an issue in Github.