Components

React Native components for React Native SDK reference for Crossmint wallets

ExportPrivateKeyButton

Renders a button that allows the user to export their wallet’s private key. Only works with email and phone signers. Will not render for passkey or external wallet signers.

Props

appearance · UIConfig

Optional appearance configuration for styling the export button.

Show properties

borderRadius · string

colors · UiConfigColors

Show properties

accent · string

background · string

backgroundSecondary · string

backgroundTertiary · string

border · string

buttonBackground · string

danger · string

inputBackground · string

textLink · string

textPrimary · string

textSecondary · string

fonts · UiConfigFonts

Show properties

cssSrc · string

family · string · required

display · string

src · string

style · "normal" | "italic" | "oblique"

weight · string

fontSizeBase · string

fontWeightPrimary · string

fontWeightSecondary · string

hideCardForm · boolean

spacingUnit · string

onExport · () => void | Promise<void>

Optional callback invoked after the user successfully exports (copies) their private key.

Usage

import { ExportPrivateKeyButton } from "@crossmint/client-sdk-react-native-ui";
import { View, Text } from "react-native";

function WalletSettings() {
    return (
        <View>
            <Text>Export Private Key</Text>
            <ExportPrivateKeyButton
                appearance={{
                    colors: { border: "#e2e8f0" },
                    borderRadius: "12px",
                }}
            />
        </View>
    );
}

Note: Only works with email and phone signers. Will not render for passkey or external wallet signers.