For some of our authentication-involved pages, we need the user to provide a code from an email or MFA. Currently, the component used is just a text field, but we should create a new component which is a separate text field for each digit of the code.
Create component that takes digits: number in its props
Render digits number of text fields
When the user enters a number, it should focus the next text field
When the user presses backspace, it should focus the previous text field
For some of our authentication-involved pages, we need the user to provide a code from an email or MFA. Currently, the component used is just a text field, but we should create a new component which is a separate text field for each digit of the code.
digits: numberin its propsdigitsnumber of text fields