<SignInWithMetamaskButton>
The <SignInWithMetamaskButton> component is used to complete a one-click, cryptographically-secure sign-in flow using MetaMask.
Usage
Basic usage
import { SignInWithMetamaskButton } from '@clerk/react-router'
export default function Home() {
return <SignInWithMetamaskButton />
}Custom usage
In some cases, you will want to use your own button, or button text. You can do that by wrapping your button in the <SignInWithMetamaskButton> component.
import { SignInWithMetamaskButton } from '@clerk/react-router'
export default function Home() {
return (
<SignInWithMetamaskButton mode="modal">
<button>Custom sign in button</button>
</SignInWithMetamaskButton>
)
}Feedback
Last updated on