Skip to content

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

Open
@iOvergaard

Description

@iOvergaard
Contributor

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:

Activity

bjarnef

bjarnef commented on Apr 23, 2024

@bjarnef
Contributor

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.

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

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    Participants

    @iOvergaard@bjarnef

    Issue actions

      [Feature]: Component for one-time-code input · Issue #787 · umbraco/Umbraco.UI