Providers

You are viewing docs for the previous version of the Wallets SDK. We recommend upgrading to V1. See the updated version of this page or the V1 migration guide.

CrossmintProvider — SDK initialization (required for all Crossmint features)
CrossmintWalletProvider — Wallet creation and management

CrossmintProvider

Root provider for the Crossmint SDK. Must wrap your entire application. Initializes the SDK with your API key and sets up logging.

Props

string

required

Your Crossmint client-side API key.

ConsoleLogLevel

Minimum log level for console output (or “silent” to suppress all output). Logs below this level will not be written to the console. Set to “silent” to completely suppress console output. Defaults to “debug” (all logs shown) for backward compatibility.

string

Override the base API URL.

Usage

import { CrossmintProvider } from "@crossmint/client-sdk-react-native-ui";

function App() {
    return (
        <CrossmintProvider apiKey="YOUR_CLIENT_API_KEY">
            {/* Your app content */}
        </CrossmintProvider>
    );
}

CrossmintWalletProvider

Provider for wallet creation and management. Must be nested inside CrossmintProvider. Handles secure communication with the Crossmint signer via a hidden WebView.

Props

UIConfig

Optional appearance configuration for styling built-in UI components.

{ onTransactionStart?: () => Promise<void>; onWalletCreationStart?: () => Promise<void> }

Optional lifecycle callbacks invoked during wallet creation and transaction signing.

Wallet configuration for automatic creation on user login. Defines the chain and signer type for the wallet.

Show properties

Chain

required

The blockchain to create the wallet on (e.g. “base-sepolia”).

SignerConfigForChain

required

The signer configuration (e.g. { type: "email" }).

string

Optional owner identifier.

string

Optional wallet alias.

WalletPlugin[]

Optional array of wallet plugins.

DelegatedSigner[]

Optional array of delegated signers.

boolean

When true (default), no UI is rendered and signing flows must be handled manually. When false, built-in UI components are rendered.

Usage

import {
    CrossmintProvider,
    CrossmintWalletProvider,
} from "@crossmint/client-sdk-react-native-ui";

function App() {
    return (
        <CrossmintProvider apiKey="YOUR_CLIENT_API_KEY">
            <CrossmintWalletProvider
                createOnLogin={{
                    chain: "base-sepolia",
                    signer: { type: "email" },
                }}
            >
                {/* Your app content */}
            </CrossmintWalletProvider>
        </CrossmintProvider>
    );
}

Note: CrossmintWalletProvider must be nested inside CrossmintProvider.

Introduction

Quickstarts ⚡️

Concepts

Guides

API Reference

CrossmintProvider

Props

Usage

CrossmintWalletProvider

Props

Usage

​CrossmintProvider

​Props

​Usage

​CrossmintWalletProvider

​Props

​Usage

CrossmintProvider

Props

Usage

CrossmintWalletProvider

Props

Usage