Components

React components for React SDK reference for Crossmint wallets

ExportPrivateKeyButton

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-ui";

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

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