Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature]: Component for one-time-code input #787

Open
iOvergaard opened this issue Apr 17, 2024 · 1 comment · May be fixed by #818
Open

[Feature]: Component for one-time-code input #787

iOvergaard opened this issue Apr 17, 2024 · 1 comment · May be fixed by #818
Assignees
@iOvergaard
Labels
enhancement New feature or request

Comments

@iOvergaard
Copy link
Contributor

iOvergaard commented Apr 17, 2024 •
edited
Loading

Which exact UI Library version are you using? For example: 1.0.1 - don't just write v1.

1.8.0

Summary

I would like a component that helps you input a code you might have received in an SMS or an authenticator app. The amount of digits should be configurable. It should support the autocomplete="one-time-code" attribute. It could also potentially support the autocomplete="webauthn" attribute (source).

Ideas

Something like this would be nice, where you can decide how many digits you want to receive:

Source

UnifiOS:
@iOvergaard iOvergaard added the enhancement New feature or request label Apr 17, 2024
@bjarnef
Copy link
Contributor

bjarnef commented Apr 23, 2024 •
edited
Loading

I was thinking of this recently as I am currently working on a project using PrimeVue: https://primevue.org/inputotp/

Some features that could be useful:

  • Masking
  • Digits only

Besides that when it comes to 2FA/MFA a QR Code component could be useful.

@iOvergaard iOvergaard self-assigned this Jun 21, 2024
@iOvergaard iOvergaard linked a pull request Jun 21, 2024 that will close this issue
Draft
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@iOvergaard iOvergaard

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

V1/feature/otp input umbraco/Umbraco.UI
2 participants
@iOvergaard @bjarnef