# AuthCard | @account-kit/react

> Overview of the AuthCard component from @account-kit/react

> For the complete documentation index, see [llms.txt](/docs/llms.txt).

{/* This file is auto-generated by TypeDoc. Do not edit manually. */}

```ts
function AuthCard(props): Element;
```

Defined in: [account-kit/react/src/components/auth/card/index.tsx:46](https://github.com/alchemyplatform/aa-sdk/blob/main/account-kit/react/src/components/auth/card/index.tsx#L46)

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

## Example

```tsx
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

<table>
  <thead>
    <tr>
      <th align="left">Parameter</th>
      <th align="left">Type</th>
      <th align="left">Description</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        `props`
      </td>

      <td>
        `AuthCardProps`
      </td>

      <td>
        Card Props
      </td>
    </tr>

  </tbody>
</table>

## Returns

`Element`

a react component containing the AuthCard