# AuthType | @account-kit/react

> Overview of AuthType 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
type AuthType =
  | {
  buttonLabel?: string;
  emailMode?: "magicLink" | "otp";
  hideButton?: boolean;
  placeholder?: string;
  type: "email";
}
  | {
  type: "passkey";
}
  | {
  chainType?: ChainType[];
  hideMoreButton?: boolean;
  moreButtonText?: string;
  numFeaturedWallets?: number;
  type: "external_wallets";
  walletConnect?: WalletConnectParameters;
  walletConnectProjectId?: string;
  wallets?: string[];
}
  | object &
  | {
  auth0Connection?: string;
  authProviderId: "auth0";
  displayName: string;
  isCustomProvider?: false;
  logoUrl: string;
  logoUrlDark?: string;
}
  | {
  auth0Connection?: never;
  authProviderId: KnownAuthProvider;
  displayName?: never;
  isCustomProvider?: false;
  logoUrl?: never;
  logoUrlDark?: never;
} & OauthRedirectConfig;
```

Defined in: [account-kit/react/src/components/auth/types.ts:11](https://github.com/alchemyplatform/aa-sdk/blob/main/account-kit/react/src/components/auth/types.ts#L11)

## Type Declaration

```ts
{
  buttonLabel?: string;
  emailMode?: "magicLink" | "otp";
  hideButton?: boolean;
  placeholder?: string;
  type: "email";
}
```

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

  <tbody>
    <tr>
      <td>
        `buttonLabel?`
      </td>

      <td>
        `string`
      </td>

      <td>
        ‐
      </td>
    </tr>

    <tr>
      <td>
        `emailMode?`
      </td>

      <td>
        `"magicLink"` | `"otp"`
      </td>

      <td>
        **Deprecated**

        This option will be overriden by dashboard settings. Please use the dashboard settings instead. This option will be removed in a future release.
      </td>
    </tr>

    <tr>
      <td>
        `hideButton?`
      </td>

      <td>
        `boolean`
      </td>

      <td>
        ‐
      </td>
    </tr>

    <tr>
      <td>
        `placeholder?`
      </td>

      <td>
        `string`
      </td>

      <td>
        ‐
      </td>
    </tr>

    <tr>
      <td>
        `type`
      </td>

      <td>
        `"email"`
      </td>

      <td>
        ‐
      </td>
    </tr>

  </tbody>
</table>

```ts
{
  type: "passkey";
}
```

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

  <tbody>
    <tr>
      <td>
        `type`
      </td>

      <td>
        `"passkey"`
      </td>
    </tr>

  </tbody>
</table>

```ts
{
  chainType?: ChainType[];
  hideMoreButton?: boolean;
  moreButtonText?: string;
  numFeaturedWallets?: number;
  type: "external_wallets";
  walletConnect?: WalletConnectParameters;
  walletConnectProjectId?: string;
  wallets?: string[];
}
```

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

  <tbody>
    <tr>
      <td>
        `chainType?`
      </td>

      <td>
        [`ChainType`](ChainType)\[]
      </td>
    </tr>

    <tr>
      <td>
        `hideMoreButton?`
      </td>

      <td>
        `boolean`
      </td>
    </tr>

    <tr>
      <td>
        `moreButtonText?`
      </td>

      <td>
        `string`
      </td>
    </tr>

    <tr>
      <td>
        `numFeaturedWallets?`
      </td>

      <td>
        `number`
      </td>
    </tr>

    <tr>
      <td>
        `type`
      </td>

      <td>
        `"external_wallets"`
      </td>
    </tr>

    <tr>
      <td>
        `walletConnect?`
      </td>

      <td>
        `WalletConnectParameters`
      </td>
    </tr>

    <tr>
      <td>
        `walletConnectProjectId?`
      </td>

      <td>
        `string`
      </td>
    </tr>

    <tr>
      <td>
        `wallets?`
      </td>

      <td>
        `string`\[]
      </td>
    </tr>

  </tbody>
</table>

`object` &
| \{
`auth0Connection?`: `string`;
`authProviderId`: `"auth0"`;
`displayName`: `string`;
`isCustomProvider?`: `false`;
`logoUrl`: `string`;
`logoUrlDark?`: `string`;
}
| \{
`auth0Connection?`: `never`;
`authProviderId`: `KnownAuthProvider`;
`displayName?`: `never`;
`isCustomProvider?`: `false`;
`logoUrl?`: `never`;
`logoUrlDark?`: `never`;
} & `OauthRedirectConfig`