> ## Documentation Index
> Fetch the complete documentation index at: https://auth0.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.

# MfaLoginOptions

<Frame>
  <img style={{maxHeight:"400px"}} src="https://mintcdn.com/generaltranslationinc/gC1sp2cPcB7j7ynR/docs/images/cdy7uua7fh8z/4TnKlKLKFyAdX6dcOvVlXw/ebd248e8aabf78d20ba1ffec746b4404/Screenshot_2025-02-20_at_17.25.02.png?fit=max&auto=format&n=gC1sp2cPcB7j7ynR&q=85&s=e48941d4425697dce6d1f4474e04c2aa" alt="" width="443" height="622" data-path="docs/images/cdy7uua7fh8z/4TnKlKLKFyAdX6dcOvVlXw/ebd248e8aabf78d20ba1ffec746b4404/Screenshot_2025-02-20_at_17.25.02.png" />
</Frame>

mfa-login-options 画面の機能を実装するクラスです。
この画面では、ユーザーがどの MFA（多要素認証）要素を使用してログインするかを選択できます。

```ts Example theme={null}
const mfaLoginOptions = new MfaLoginOptions();
await mfaLoginOptions.enroll({
  action: 'push-notification'
});
```

<div id="constructors">
  ## コンストラクター
</div>

<ParamField body="MfaLoginOptions" type="Constructor">
  MfaLoginOptions 画面マネージャーのインスタンスを生成します
</ParamField>

<div id="properties">
  ## プロパティ
</div>

<ParamField body="branding" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>} />

<ParamField body="client" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>} />

<ParamField body="organization" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>} />

<ParamField body="prompt" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>} />

<ParamField body="screen" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/ScreenMembersOnMfaLoginOptions">ScreenMembersOnMfaLoginOptions</a></span>}>
  mfa-login-options 画面の screen オブジェクト
</ParamField>

<ParamField body="tenant" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>} />

<ParamField body="transaction" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembers">TransactionMembers</a></span>} />

<ParamField body="untrustedData" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>} />

<ParamField body="user" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>} />

<ParamField body="screenIdentifier" type="string" />

<div id="methods">
  ## メソッド
</div>

<ParamField body="enroll" type="Promise<void>">
  選択した MFA（多要素認証）の認証要素でログイン処理を継続します。

  ```typescript Example theme={null}
  const mfaLoginOptions = new MfaLoginOptions();
  await mfaLoginOptions.enroll({
    action: 'push-notification'
  });
  ```

  <Expandable title="パラメータ">
    <ParamField body="payload" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/LoginEnrollOptions">LoginEnrollOptions</a></span>}>
      選択された認証要素を含むオプションです。

      **プロパティ**

      <ParamField body="action" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/type-aliases/MfaLoginFactorType">MfaLoginFactorType</a></span>}>
        ログインに使用する認証要素を示すアクションです。
      </ParamField>
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="getErrors" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
  コンテキストからトランザクションエラーの配列を取得します。存在しない場合は空配列を返します。

  トランザクションコンテキストからのエラーオブジェクトの配列です。
</ParamField>

<ParamField body="returnToPrevious" type="Promise<void>">
  ```ts Example theme={null}
  import MfaLoginOptions from '@auth0/auth0-acul-js/mfa-login-options';

  const mfaLoginOptions = new MfaLoginOptions();
  mfaLoginOptions.returnToPrevious();
  ```

  <Expandable title="パラメータ">
    <ParamField body="payload?" type={<span><a href="/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions">CustomOptions</a></span>} />
  </Expandable>
</ParamField>
