Address – Composer Kit
Skip to content

Address

Usage

The Address component is used to display an Ethereum address. It can be used to display an address in a readable format or to copy the address to the clipboard.

0x208B03553D46A8A16ed53e8632743249dd2E79c3

Props

Address

PropTypeDescriptionDefault
isTruncatedboolean (optional)Determines if the address should be truncated for display. Truncation typically hides the middle part of long addresses.false
classNamestring (optional)A custom CSS class to apply styles to the component.-
addressstringThe actual address to display. This is a required prop.-
copyOnClickboolean (optional)If true, the address will be copied to the clipboard when clicked.false
onCopyComplete(message: string) => void (optional)A callback that is triggered after the address is copied. It receives an address in case of success else Failed to copy address that can be used for feedback or notifications.undefined