Skip to content

AuthCard

React component containing an Auth view with configured auth methods and options based on the config passed to the AlchemyAccountProvider

Import

import { AuthCard } from "@account-kit/react";

Usage

import { AuthCard, useAlchemyAccountContext } from "@account-kit/react";
 
function ComponentWithAuthCard() {
  // assumes you've passed in a UI config to the Account Provider
  // you can also directly set the properties on the AuthCard component
  const { uiConfig } = useAlchemyAccountContext();
 
  return <AuthCard {...uiConfig!.auth} />;
}

Parameters

props

AuthCardProps Card Props

Returns

JSX.Element a react component containing the AuthCard