web3uikit icon indicating copy to clipboard operation
web3uikit copied to clipboard

[Crypto Address] - new components

Open BillyG83 opened this issue 1 year ago • 1 comments

Screenshot 2023-05-25 at 09 51 20

please build this new component 👍

Interface

  • address: string
  • color?: string
  • textSize?: 'body16' | 'body18' | 'caption14' | 'caption12' | 'caption10'
  • textWeight?: TStandardWeight
  • linkUrl?: string;

Result

  • address is shortened
  • color has default, but will color the icons and text if passed
  • textSize has default, but will change the text size if passed (use Typography)
  • textWeight has default, but will change the text wight if passed (use Typography)
  • linkUrl if passed will show the link icon which links to the url plus the address (example below)
  • click copy will copy address (use Copy component)

linkUrl example

https://www.dextools.io/app/en/ether/pair-explorer/0x6c4c7f46d9d4ef6bc5c9e155f011ad19fc4ef321

BillyG83 avatar May 25 '23 09:05 BillyG83