MultichainSignInButton

The <MultichainSignInButton /> component provides a button that uses a "Sign in with de[id]" modal that allows users to sign in with EVM, Solana, or socials.

Usage

import { useDeId } from "@thedegods/profiles/core";
import { MultichainSignInButton } from "@thedegods/profiles/multichain";
 
function App() {
  const deId = useDeId();
 
  return <MultichainSignInButton deId={deId} />
}

Props

import { MultichainSignInButtonProps } from "@thedegods/profiles/multichain";

deId

DeIdContext

The application's de[id] context. Retrieved from useDeId.

For more information on why this is needed, check out the contribution guidelines.

signedInChildren (optional)

ReactNode

The content to display when the user is signed in. Will replace the sign in button itself when this prop is provided and user is signed in.

options (optional)

MultiChainSignInButtonOptions

This parameter provides styling to the multichain sign in modal.

lightMode (optional)

boolean

This boolean will determine if the multichain sign in modal will be in light mode or dark mode. Defaults to false, the multichain sign in modal will be in dark mode.

modalProps (optional)

HTMLMotionProps<"div">

Allows additional custom targetted styling to the modal itself.