ReactSDK ReferenceComponents

AuthCard

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

Import

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

Usage

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

Parameters

props

AuthCardProps Card Props

Returns

JSX.Element a react component containing the AuthCard