Custom CSS

Apply custom CSS classes to the button.

info

For some specific CSS properties, you may need to apply the !important CSS rule to override the default styles

import { ConnectWallet } from "@thirdweb-dev/react";

function App() {
  return (
    <ConnectWallet
      className="my-custom-class"
    />
  );
}

Apply custom CSS styles to the button.

import { ConnectWallet } from "@thirdweb-dev/react";

function App() {
  return (
    <ConnectWallet
      style={{ color: "red" }}
    />
  );
}