Wander Docs
HomeGithub
  • ๐Ÿ‘‹Welcome to Wander
  • โšกWander Connect
    • Intro - Wander Connect
    • Options
    • Properties
    • Methods
    • Event Callbacks
    • Custom UI
    • Advanced Customization
  • ๐Ÿ”ญExamples
    • Playground
    • Applications
  • โ”How To
    • Subsidizing Payments
  • ๐ŸงชAPI
    • Intro - Wander Injected API
    • Events
    • Connect
    • Disconnect
    • Get active address
    • Get active public key
    • Get all addresses
    • Get wallet names
    • Sign Transaction
    • Dispatch Transaction
    • Sign DataItem
    • Batch Sign DataItem
    • Sign message
    • Verify message
    • Private hash
    • User Tokens
    • Token Balance
    • Encrypt
    • Decrypt
    • Crypto signature
    • Subscriptions
    • Retrive permissions
    • Retrive Gateway Config
  • โ›๏ธDeveloper tooling
    • Wander Devtools
    • ArLocal Devtools
  • ๐Ÿ“šExternal libraries
    • Arweave Wallet Kit
    • arweave-js
  • ๐ŸŒWander.app
Powered by GitBook
On this page
  • Providing a custom iframe
  • Disabling the default injected button

Was this helpful?

Edit on GitHub
  1. Wander Connect

Custom UI

Custom UI for the Wander Connect Embedded Wallet

PreviousEvent CallbacksNextAdvanced Customization

Last updated 7 days ago

Was this helpful?

If the provided by the Wander Connect SDK are not enough for your, you can instead provide your own iframe element (reference) and use the to open/closing the wallet without relaying on the default injected button.

Providing a custom iframe

const wander = new WanderConnect({
  iframe: document.getElementById("wander-iframe"),
});

Disabling the default injected button

const wander = new WanderConnect({
  button: false,
});
โšก
Advanced Customization Options
SDK methods