Parameters
| Parameter | Type | Description |
|---|---|---|
props | CopySolanaKeyButtonProps | The props for the CopySolanaKeyButton component. |
Returns
Element
The CopySolanaKeyButton component.
function CopySolanaKeyButton(props: CopySolanaKeyButtonProps): Element;
| Parameter | Type | Description |
|---|---|---|
props | CopySolanaKeyButtonProps | The props for the CopySolanaKeyButton component. |
Element
The CopySolanaKeyButton component.
// Render the CopySolanaKeyButton component
function CopySolanaKeyButtonExample() {
const { solanaAddress } = useSolanaAddress();
if (!solanaAddress) return null;
return (
<CopySolanaKeyButton address={solanaAddress} />
);
}
// Render the CopySolanaKeyButton component with custom labels
function CopySolanaKeyButtonExample() {
const { solanaAddress } = useSolanaAddress();
if (!solanaAddress) return null;
return (
<CopySolanaKeyButton address={solanaAddress} label="Copy private key" copiedLabel="Private key copied" />
);
}
// Render the CopySolanaKeyButton component with a different variant
function CopySolanaKeyButtonExample() {
const { solanaAddress } = useSolanaAddress();
if (!solanaAddress) return null;
return (
<CopySolanaKeyButton address={solanaAddress} variant="secondary" />
);
}
// Render the CopySolanaKeyButton component with theme overrides
function CopySolanaKeyButtonExample() {
const { solanaAddress } = useSolanaAddress();
if (!solanaAddress) return null;
return (
<CopySolanaKeyButton address={solanaAddress} theme={{ fontUrl: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap", fontFamily: '"Roboto", sans-serif' }} />
);
}
Was this page helpful?