A ready-to-use Chainweaver connect wallet button.
@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<dialog> for users to enter their k: accounts into and appends it to document.body| 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 |
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 |
<kda-wallet-chainweaver-connect-button
autoresume
></kda-wallet-chainweaver-connect-button>
import { defineCustomElement } from "@kcf/kda-wallet-chainweaver-connect-button";
// must be called before use
defineCustomElement();
const btn = document.querySelector("kda-wallet-chainweaver-connect-button");
const wallet = btn.connectedWallet;
if (wallet) {
console.log(wallet.accounts);
}
Generated using TypeDoc