> ## Documentation Index
> Fetch the complete documentation index at: https://docs.crossmint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Components

> React components for React SDK reference for Crossmint wallets

***

## ExportPrivateKeyButton

### Props

<ResponseField name="appearance" type="UIConfig">
  Optional appearance configuration for styling the export button.
</ResponseField>

<ResponseField name="onExport" type="() => void | Promise<void>">
  Optional callback invoked after the user successfully exports (copies) their private key.
</ResponseField>

### Usage

```tsx theme={null}
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.