Skip to main content

Customize Modal

Configuration Operations When configuring the INTU Web Kit, you have various settings that you can customize to fit your application's needs. Below is a detailed explanation of the configuration options, including example values and combinations you can use.

  1. Authentication Providers Depending on your requirements, you can provide both “google” and “twitter” or even either of them. Example: Supporting Google and Twitter authentication authProviders: ["google", "twitter"]

Single Provider: If you only want to support Google authProviders: ["google"]

  1. Custom Authentication You can use this option if you are planning to use custom authentication for your application. Set isCustomAuth to true and define customAuth settings as shown below. Once you have set up the Custom Auth, there won’t be a pop-up to choose the login method but will use the JWT token that was passed to generate the wallets. Enable Custom Authentication:
customAuth: {
  uniqueId: "sub" // Unique identifier 
}

Disable Custom Authentication: isCustomAuth: false

  1. Stylings and UI customization You can also customize the appearance of the authentication UI such as to match your application logos and to switch between light or dark modes Example Configuration:
styles: {
  applicationName: "Crypto Zombies", // Display name for your application
  applicationLogo: "https://api.dicebear.com/9.x/shapes/svg", // URL to your application’s logo
  theme: "dark" // Theme for the authentication UI
}

Available options for theme “light” “dark”