UI/UX

The KigoContext exposes the uiux customization surface for top-level display behavior for feature-level overrides that layer on top of program-level configuration.

uiux

Defaults

const kigoContext = {
  uiux: {
    displayMode: "default",
    showWalletHistoryButton: true,
    showWalletMenuButton: true,
  },
};

Properties

• displayMode - Controls how the wallet is laid out within the host page.

  • Default: "default"
  • Valid values: "default" | "fullscreen"
  • Example:
    JavaScript

    uiux: { displayMode: "fullscreen" }

• showWalletMenuButton - Controls whether or not to show the wallet overflow menu button

  • Default: true
  • Valid values: true | false
  • Example:
    JavaScript

    uiux: { showWalletMenuButton: false }

• showWalletHistoryButton - Controls whether or not to show the wallet history button

  • Default: true
  • Valid values: true | false
  • Example:
    JavaScript

    uiux: { showWalletHistoryButton: false }

Customizing the Hub UI/UX

The uiux settings can be customized within the KigoContext to control parts of the experience, including hiding certain UI elements. Below is an example of how you might set a custom UI/UX configuration:

const kigoContext = {
  uiux: {
    displayMode: "default",
    showWalletHistoryButton: false,
    showWalletMenuButton: false,
  },
};