Options for configuring the ConnectButton 's Connect Button
ConnectButton
type ConnectButton_connectButtonOptions = { className?: string; label?: React.ReactNode; style?: React.CSSProperties;};
CSS class to apply to the button element
For some CSS properties, you may need to use the !important to override the default styles
!important
<ConnectButton connectButton={{ className: "my-custom-class", }}/>;
type className = string;
Set a custom label for the button. The default is "Connect"
"Connect"
type label = React.ReactNode;
<ConnectButton connectButton={{ label: "Sign in", }}/>;
CSS styles to apply to the connectButton element
type style = React.CSSProperties;
<ConnectButton connectButton={{ style: { color: "red", }, }}/>;