<wa-otp-input>

OTP inputs collect one-time passcodes, PINs, and other fixed-length codes, one character per segment. Use them for SMS verification, two-factor authentication, and invite codes.

Category

Forms

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

9.5 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• value
• length
• appearance
• type
• mask
• case
• size
• label
• hint
• format
• autocomplete
• required
• readonly
• autosubmit
• autofocus
• with-mask
• name
• disabled
• custom-error
• dir
• lang
• did-ssr

Slots

• label
• hint

Events

• input
• change
• focus
• blur
• wa-complete
• wa-clear
• wa-invalid

CSS Parts

• label
• hint
• segments
• segment
• segment-literal