connectWallet

connectWallet action enables users to establish a connection between their digital wallet and the app, facilitating seamless integration with blockchain-based functionalities, token transfers, and decentralized applications, enhancing user interactions with cryptocurrency-related features.

Properties

Property	Type	Description
id	string	ID allows you to bind to its result. e.g. ${wallet.addresses…},
wcProjectId	string	Wallet connect project Id, get it from wallet connect dashboard
onComplete	action	Execute another Action upon successful upload of files
onError	action	Execute an Action when uploader fails with error(s)
appMetaData	object	see properties

properties.appMetaData

Property	Type	Description
name	string	Your app name, that will be shared to crypto wallet
description	string	Your app’s description, that will be shared to crypto wallet
url	string	You app’s / company’s url
iconUrl	string	Url path of your app’s icon

Example


View:
  title: Crypto wallet
  body:
    Column:
      styles: { padding: 16 }
      children:
        - Markdown:
            text: |
              ### Build Dapps
 
              - Connect to any crypto wallet that support wallect connect v1, check supporting wallet. [Wallet Connect Explorer](https://walletconnect.com/explorer?version=1)
 
              - Get wallet connect project id from wallet connect [dashboard](https://cloud.walletconnect.com/sign-in)
              - Set application descriptions like name, description.
              - We can connected wallet addresses using `walletRef.addresses`.
        - Spacer:
            styles: { size: 12 }
 
        - Divider:
 
        - Spacer:
            styles: { size: 12 }
 
        - Markdown:
            text: |
 
              # Example
 
        - Spacer:
            styles: { size: 12 }
 
        - Button:
            label: Connect to wallet
            onTap:
              connectWallet:
                id: wallet
                wcProjectId: 77740b7e86cfcba224464923b8e115e3
                appMetaData:
                  name: Ensemeble app
                  description: Ensemble forever
                  url: https://ensembleui.com/
                  iconUrl: https://ensembleui.com/assets/images/logo.svg
                onComplete: |
                  //@code
 
                  address.text = wallet.addresses;
 
        - Spacer:
            styles: { size: 12 }
 
        - Markdown:
            id: address

complete example here