https://github.com/yunsii/use-otp-input

🚀 Awesome React Hook for One-time password (OTP) Input
https://github.com/yunsii/use-otp-input

hooks input one-time-code one-time-password otp react react-hooks

Last synced: about 1 month ago
JSON representation

🚀 Awesome React Hook for One-time password (OTP) Input

• Host: GitHub
• URL: https://github.com/yunsii/use-otp-input
• Owner: yunsii
• License: mit
• Created: 2023-12-20T12:07:38.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-25T12:21:55.000Z (over 1 year ago)
• Last Synced: 2025-04-15T10:23:53.757Z (about 2 months ago)
• Topics: hooks, input, one-time-code, one-time-password, otp, react, react-hooks
• Language: TypeScript
• Homepage: https://use-otp-input.vercel.app
• Size: 155 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
English | [简体中文](./README.zh-CN.md)

# use-otp-input

[![NPM version](https://img.shields.io/npm/v/use-otp-input?color=a1b858&label=)](https://www.npmjs.com/package/use-otp-input)

🚀 Awesome React Hook for One-time password (OTP) Input

[Live Demo](https://use-otp-input.vercel.app)

## Features

- 🦄 Input more intuitive, just like [plain input element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input), including paste text

- ✨ Support `Backspace` and `Delete` keys, even shortcut with `Ctrl` key

- 🎈 Support move caret by `Home`, `End`, `ArrowLeft` and `ArrowRight` keys

## Build & Publish

- `npm run build`

- `npx changeset`

- `npx changeset version`

- `git commit`

- `npx changeset publish`

- `git push --follow-tags`

> [`changeset` prerelease doc](https://github.com/changesets/changesets/blob/main/docs/prereleases.md)

## License

[MIT](./LICENSE) License © 2023 [Yuns](https://github.com/yunsii)