@kcf/kda-wallet-chainweaver-connect-button

A ready-to-use Chainweaver connect wallet button.

Usage Notes

• As with all other @kcf/kda-wallet-* web components, the element is completely unstyled and not encapsulated in a shadow DOM to allow for easy customizability. The raw html is available in template.js
• This component also creates a <dialog> for users to enter their k: accounts into and appends it to document.body

Attributes

| name | description | required | default | | ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------------------------------------------------------------------------- | | autoresume | when set, the component will save the current wallet connected session to localStorage and attempt to resume from it the next time the user enters the site | no | false | | autoresumekey | the localStorage key to use to save autoresume data | no | @kcf/kda-wallets-web-components-base.DEFAULT_AUTORESUME_LOCALSTORAGE_KEY |

Custom Events

See @kcf/kda-wallet-web-components-base for custom events' detail schema

| name | dispatched after | | ------------------------ | ----------------------------------------------------- | | kdawallet:beginconnect | user clicks the button | | kdawallet:abandonconnect | user closes the chainweaver dialog without connecting | | kdawallet:connected | wallet connected | | kdawallet:disconnected | wallet disconnected | | kdawallet:error | error |

Example

<kda-wallet-chainweaver-connect-button
  autoresume
></kda-wallet-chainweaver-connect-button>

const btn = document.querySelector("kda-wallet-chainweaver-connect-button");
const wallet = btn.connectedWallet;
if (wallet) {
  console.log(wallet.accounts);
}