MFA Widget Theme Options

When using your own HTML for MFA pages with Classic Login, it relies on the Auth0 MFA Widget which has the following limitations:

It does not support MFA with email.
If users enrolled more than one factor, they cannot select which one to use, the MFA widget prompts them to login with the most secure factor.
It does not use Universal Login's internationalization features.

The theme options for the MFA Widget are namespaced under the theme property.

Option	Description
`icon`	The URL for the imaged used in the header. Default is the Auth0 logo. Recommended height is 58 pixels.
`primaryColor`	Defines the primary color of the MFA widget. Useful when using a custom `icon` to ensure complimentary colors appear. Default is `#ea5323`.

Examples

return new Auth0MFAWidget({

...

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

Was this helpful?