Skip to main content
function CopyEvmKeyButton(props: CopyEvmKeyButtonProps): Element;
The CopyEvmKeyButton component is used to copy the private key of an EVM account.

​
Parameters

ParameterTypeDescription
propsCopyEvmKeyButtonPropsThe props for the CopyEvmKeyButton component.

​
Returns

Element The CopyEvmKeyButton component.

​
Examples

// Render the CopyEvmKeyButton component
function CopyEvmKeyButtonExample() {
  const { currentUser } = useCurrentUser();
  const evmAddress = currentUser?.evmAccounts?.[0];
  if (!evmAddress) return null;
  return (
    <CopyEvmKeyButton address={evmAddress} />
  );
}

// Render the CopyEvmKeyButton component with custom labels
function CopyEvmKeyButtonExample() {
  const { currentUser } = useCurrentUser();
  const evmAddress = currentUser?.evmAccounts?.[0];
  if (!evmAddress) return null;
  return (
    <CopyEvmKeyButton address={evmAddress} label="Copy private key" copiedLabel="Private key copied" />
  );
}

// Render the CopyEvmKeyButton component with a different variant
function CopyEvmKeyButtonExample() {
  const { currentUser } = useCurrentUser();
  const evmAddress = currentUser?.evmAccounts?.[0];
  if (!evmAddress) return null;
  return (
    <CopyEvmKeyButton address={evmAddress} variant="secondary" />
  );
}

// Render the CopyEvmKeyButton component with theme overrides
function CopyEvmKeyButtonExample() {
  const { currentUser } = useCurrentUser();
  const evmAddress = currentUser?.evmAccounts?.[0];
  if (!evmAddress) return null;
  return (
    <CopyEvmKeyButton address={evmAddress} theme={{ fontUrl: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap", fontFamily: '"Roboto", sans-serif' }} />
  );
}