MFA Widget のテーマオプション

MFA ページのテーマプロパティをカスタマイズするための MFA Widget のテーマオプションについて説明します。

Classic Login で MFA ページに独自の HTML を使用する場合、Auth0 MFA Widget を利用します。この Widget には、次の制限があります。

• メールアドレスを使用した MFA には対応していません。
• ユーザーが複数の要素を登録している場合、どれを使用するかは選択できません。MFA Widget は、最も安全性の高い要素でログインするよう求めます。
• Universal Login の国際化機能は利用しません。

MFA Widget のテーマオプションは、theme プロパティ配下の名前空間にあります。

オプション	説明
icon	ヘッダーに使用する画像の URL です。デフォルトは Auth0 ロゴです。推奨される高さは 58 ピクセルです。
primaryColor	MFA Widget のメインカラーを定義します。カスタム icon を使用する場合に、調和の取れた色合いにするのに役立ちます。デフォルトは #ea5323 です。

​

例

return new Auth0MFAWidget({

...

  theme: {
    icon: 'https://example.com/assets/logo.png',
    primaryColor: 'blue'
  },
  
...  
  
})

auth0-guardian.js を使用した Guardian の基本的なウィジェットの例 を参照してください。詳しくは、readme を参照してください。

​

詳細情報

• Classic Login 向け MFA のカスタマイズ
• MFA テーマの言語辞書