• Components
  • <TokenGate />

<TokenGate />

Allows you to control access to a particular component / resource based on the wallet owning a token.

import { TokenGate, withMintdrop } from "@mintdrop/sdk"
 
const MyComponent = () => {
  return (
    <TokenGate
      wallet="0x..."
      loading={`Checking access for ${address}`}
      failure={`${address} is not allowed to view this content`}
    >
      Yay, you have access.
    </TokenGate>
  )
}
 
export default withMintdrop(MyComponent, {
  drop: "... your drop ID"
})