Login Configuration

Control which authentication methods are available on the login screen:

type LoginMethod =
  | "passwordless" // Email-based passwordless login
  | "google" // Google OAuth login
  | "wallet"; // Wallet connection login

Available Options:

passwordless: Enables email-based passwordless authentication
google: Enables Google OAuth login integration
wallet: Enables wallet-based authentication

Example Configuration:

// Enable only email login
loginMethods: ["passwordless", "google"];

// Enable all login methods
loginMethods: ["passwordless", "google", "wallet"];

Note: The order in the array determines the display order in the UI (top to bottom). When wallet is included in loginMethods, specify which wallet providers are available:

type LoginWalletId =
  | "bybit" // Bybit Wallet
  | "coinbase" // Coinbase Wallet
  | "crypto.com" // Crypto.com DeFi Wallet
  | "metamask" // MetaMask
  | "okx" // OKX Wallet
  | "phantom" // Phantom Wallet
  | "rabby" // Rabby Wallet
  | "rainbow" // Rainbow Wallet
  | "trust" // Trust Wallet
  | "walletConnect"; // WalletConnect

Example Configuration:

// Enable wallet login with specific providers
loginMethods: ["wallet"],
walletLoginMethods: ["metamask", "coinbase", "walletConnect"]

// Default wallet providers if not specified
walletLoginMethods: undefined;
// ["metamask", "phantom", "okx", "coinbase", "rabby", "walletConnect"]

The order in the array determines the display order in the UI (left to right, top to bottom). Since AIR accounts are shared across partners, consider including email-based login to avoid forcing users to link wallets to existing accounts.

Style Configuration (`style`)

Customize the visual appearance of the login interface:

type PartnerConfigStyle = {
  passwordlessButtonVariant?: "inline" | "standalone";
  airLogoTheme?: "default" | "reverse" | "dark_only" | "light_only";
};

Style Options:

passwordlessButtonVariant: Controls how the passwordless login button appears
- "inline": Button appears inline with other elements
- "standalone": Button appears as a standalone element below the input
airLogoTheme: Controls the AIR logo appearance
- "default": Standard logo theme
- "reverse": Reversed color scheme
- "dark_only": Dark theme only
- "light_only": Light theme only

Example Configuration:

style: {
  passwordlessButtonVariant: "standalone",
  airLogoTheme: "dark_only",
}

⌘I

Overview

Early Access

Quick Setup

Flutter

Authentication

Quickstart Guides

Integration Guides

Credential Services

Account Services

Recipes

Plug & Play Templates

Tools & Config

Troubleshooting

Reference

Style Configuration (`style`)

​Login Methods (loginMethods)

​Wallet Login Methods (walletLoginMethods)

​Style Configuration (style)

Login Methods (`loginMethods`)

Wallet Login Methods (`walletLoginMethods`)

Style Configuration (`style`)