React MFA authentication
Hi, I am trying to implement MFA in my react app. In the demo1 I dont see MFA template. How do I integrate MFA into my react app?
Replies (4)
Hi,
Thank you for reaching out to us.
At the moment in our React version, we do not have any built-in solution for multi-factor authentication.
You can reuse html markup from our HTML version.
https://preview.keenthemes.com/metronic8/demo1/authentication/layouts/corporate/two-factor.html
And then to implement MFA with Firebase you can refer to the tutorial below.
https://dev.to/hasnain01hub/multi-factormfa-authentication-in-react-js-using-firebase-ljo
Regards,
Lauris Stepanovs,
Keenthemes Support Team
I have another question. While attempting to reuse HTML code, I came across an HTML input attribute with 'data-inputmask="'mask': '9', 'placeholder': ''"'. Do you have any insights on how to make it function in React?
Everything else seems to be functioning well, except for two features: 1) restricting character entry in the input box and 2) automatically transitioning from one input box to another. Any suggestions on how to address these issues in React?
Hi,
If after adding the custom code you accounted for the blank screen I suggest you check the console log in your browser for errors.
You can refer to both documentation HTML and React, please note that our React version has fewer available pages and plugins but you can easily adopt any solution from our HTML version.
placeholder attribute is plain HTML attribute meanwhile attributes prefixed with data- might require an additional initialization or plugin installation.
The data-inputmask attribute is used to initialize inputmask plugin elements. See https://preview.keenthemes.com/html/metronic/docs/forms/inputmask
Regards,
Lauris Stepanovs,
Keenthemes Support Team
