{"id":13496307,"url":"https://github.com/devfolioco/react-otp-input","last_synced_at":"2026-01-12T02:21:44.917Z","repository":{"id":32542096,"uuid":"136621551","full_name":"devfolioco/react-otp-input","owner":"devfolioco","description":":heavy_check_mark:  OTP Input Component for React","archived":false,"fork":false,"pushed_at":"2024-07-27T10:27:23.000Z","size":3425,"stargazers_count":699,"open_issues_count":46,"forks_count":428,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-12-28T06:43:43.668Z","etag":null,"topics":["component","otp","react"],"latest_commit_sha":null,"homepage":"http://devfolioco.github.io/react-otp-input","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devfolioco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-08T13:19:26.000Z","updated_at":"2025-12-10T05:40:30.000Z","dependencies_parsed_at":"2023-01-14T21:32:44.923Z","dependency_job_id":"dca37ce6-5027-46e7-941a-53fdfe1fba71","html_url":"https://github.com/devfolioco/react-otp-input","commit_stats":{"total_commits":206,"total_committers":43,"mean_commits":4.790697674418604,"dds":0.6262135922330097,"last_synced_commit":"f87d49c06aa10ceeb6f2c84d6cd4b5f693305a0f"},"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"purl":"pkg:github/devfolioco/react-otp-input","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolioco%2Freact-otp-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolioco%2Freact-otp-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolioco%2Freact-otp-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolioco%2Freact-otp-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devfolioco","download_url":"https://codeload.github.com/devfolioco/react-otp-input/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devfolioco%2Freact-otp-input/sbom","scorecard":{"id":337458,"data":{"date":"2025-08-11","repo":{"name":"github.com/devfolioco/react-otp-input","commit":"90a7b4f8a93e0209dcfe48d5f95706200241a570"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.1,"checks":[{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":3,"reason":"Found 5/16 approved changesets -- score normalized to 3","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/github-page.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/github-page.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/devfolioco/react-otp-input/github-page.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/github-page.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/devfolioco/react-otp-input/github-page.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/github-page.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/devfolioco/react-otp-input/github-page.yml/main?enable=pin","Info:   0 out of   2 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 third-party GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 26 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"19 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c24v-8rfc-w8vw","Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g","Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3","Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx","Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T05:03:56.064Z","repository_id":32542096,"created_at":"2025-08-18T05:03:56.064Z","updated_at":"2025-08-18T05:03:56.064Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28332024,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-12T00:36:25.062Z","status":"online","status_checked_at":"2026-01-12T02:00:08.677Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","otp","react"],"created_at":"2024-07-31T19:01:45.600Z","updated_at":"2026-01-12T02:21:44.897Z","avatar_url":"https://github.com/devfolioco.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","JavaScript"],"sub_categories":[],"readme":"# react-otp-input\n\n[![npm version](https://badge.fury.io/js/react-otp-input.svg)](https://badge.fury.io/js/react-otp-input) [![npm](https://img.shields.io/npm/dw/react-otp-input.svg?logo=npm)](https://www.npmjs.com/package/react-otp-input) [![npm](https://img.shields.io/bundlephobia/minzip/react-otp-input)](https://www.npmjs.com/package/react-otp-input)\n[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors-)\n\n\u003c!-- ALL-CONTRIBUTORS-BADGE:END --\u003e\n\nA fully customizable, one-time password input component for the web built with React.\n\n![see here](https://media.giphy.com/media/lN98dFU6h3oP0wWS5x/giphy.gif)\n\n[Live Demo](https://devfolioco.github.io/react-otp-input)\n\u003c!-- \n[CodeSandbox](https://codesandbox.io/s/react-otp-input-demo-v2-1iy52) --\u003e\n\n## Installation\n\n[![NPM](https://nodei.co/npm/react-otp-input.png?compact=true)](https://nodei.co/npm/react-otp-input/)\n\n#### To install the latest stable version:\n\n```\nnpm install --save react-otp-input\n```\n\n### Still using v2?\nNo problem! You can find the documentation for v2 [here](https://github.com/devfolioco/react-otp-input/tree/v2.4.0)\n\n#### Basic usage:\n\n```jsx\nimport React, { useState } from 'react';\nimport OtpInput from 'react-otp-input';\n\nexport default function App() {\n  const [otp, setOtp] = useState('');\n\n  return (\n    \u003cOtpInput\n      value={otp}\n      onChange={setOtp}\n      numInputs={4}\n      renderSeparator={\u003cspan\u003e-\u003c/span\u003e}\n      renderInput={(props) =\u003e \u003cinput {...props} /\u003e}\n    /\u003e\n  );\n}\n```\n\n## API\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eName\u003cbr/\u003e\u003c/th\u003e\n    \u003cth\u003eType\u003c/th\u003e\n    \u003cth\u003eRequired\u003c/th\u003e\n    \u003cth\u003eDefault\u003c/th\u003e\n    \u003cth\u003eDescription\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003enumInputs\u003c/td\u003e\n    \u003ctd\u003enumber\u003c/td\u003e\n    \u003ctd\u003etrue\u003c/td\u003e\n    \u003ctd\u003e4\u003c/td\u003e\n    \u003ctd\u003eNumber of OTP inputs to be rendered.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003erenderInput\u003c/td\u003e\n    \u003ctd\u003efunction\u003c/td\u003e\n    \u003ctd\u003etrue\u003c/td\u003e\n    \u003ctd\u003enone\u003c/td\u003e\n    \u003ctd\u003eA function that returns the input that is supposed to be rendered for each of the input fields. \n      The function will get two arguments: \u003ccode\u003einputProps\u003c/code\u003e and \u003ccode\u003eindex\u003c/code\u003e. \u003ccode\u003einputProps\u003c/code\u003e is an object that contains all the props \u003cb\u003ethat should be passed to the input being rendered\u003c/b\u003e (Overriding these props is not recommended because it might lead to some unexpected behaviour). \u003ccode\u003eindex\u003c/code\u003e is the index of the input being rendered.\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eonChange\u003c/td\u003e\n    \u003ctd\u003efunction\u003c/td\u003e\n    \u003ctd\u003etrue\u003c/td\u003e\n    \u003ctd\u003econsole.log\u003c/td\u003e\n    \u003ctd\u003eReturns OTP code typed in inputs.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eonPaste\u003c/td\u003e\n    \u003ctd\u003efunction\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003enone\u003c/td\u003e\n    \u003ctd\u003eProvide a custom onPaste event handler scoped to the OTP inputs container. Executes when content is pasted into any OTP field.\n    \u003c/br\u003e\u003c/br\u003e\n    Example:\n    \u003cpre\u003e\nconst handlePaste: React.ClipboardEventHandler\u003cHTMLDivElement\u003e = (event) =\u003e {\n  const data = event.clipboardData.getData('text');\n  console.log(data)\n};\u003c/pre\u003e\n\n  \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003evalue\u003c/td\u003e\n    \u003ctd\u003estring / number\u003c/td\u003e\n    \u003ctd\u003etrue\u003c/td\u003e\n    \u003ctd\u003e''\u003c/td\u003e\n    \u003ctd\u003eThe value of the OTP passed into the component.\u003c/td\u003e\n  \u003c/tr\u003e\n    \u003ctr\u003e\n     \u003ctd\u003eplaceholder\u003c/td\u003e\n     \u003ctd\u003estring\u003c/td\u003e\n     \u003ctd\u003efalse\u003c/td\u003e\n     \u003ctd\u003enone\u003c/td\u003e\n     \u003ctd\u003eSpecify an expected value of each input. The length of this string should be equal to \u003ccode\u003enumInputs\u003c/code\u003e.\u003c/td\u003e\n   \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003erenderSeparator\u003c/td\u003e\n    \u003ctd\u003ecomponent / function\u003cbr/\u003e\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003enone\u003c/td\u003e\n    \u003ctd\u003eProvide a custom separator between inputs by passing a component. For instance, \u003ccode\u003e\u0026lt;span\u0026gt;-\u0026lt;/span\u0026gt;\u003c/code\u003e would add \u003ccode\u003e-\u003c/code\u003e between each input.\u003c/td\u003e You can also pass a function that returns a component, where the function will get the index of the separator being rendered as an argument.\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003econtainerStyle\u003c/td\u003e\n    \u003ctd\u003estyle (object) / className (string)\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003enone\u003c/td\u003e\n    \u003ctd\u003eStyle applied or class passed to container of inputs.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003einputStyle\u003c/td\u003e\n    \u003ctd\u003estyle (object) / className (string)\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003enone\u003c/td\u003e\n    \u003ctd\u003eStyle applied or class passed to each input.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003einputType\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#input_types\"\u003e\u0026lt;input\u0026gt; type\u003ca\u003e\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003etext\u003c/td\u003e\n    \u003ctd\u003eThe type of the input that will be passed to the input element being rendered. In v2 \u003ccode\u003eisInputNum\u003c/code\u003e used to set the input type as \u003ccode\u003etel\u003c/code\u003e and prevented non numerical entries, so as to avoid the spin buttons added to the inputs with input type \u003ccode\u003enumber\u003c/code\u003e. That behaviour is still supported if you pass \u003ccode\u003etel\u003c/code\u003e to the inputType prop.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eshouldAutoFocus\u003c/td\u003e\n    \u003ctd\u003eboolean\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003eAuto focuses input on initial page load.\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eskipDefaultStyles\u003c/td\u003e\n    \u003ctd\u003eboolean\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003efalse\u003c/td\u003e\n    \u003ctd\u003eThe component comes with default styles for legacy reasons. Pass \u003ccode\u003etrue\u003c/code\u003e to skip those styles. This prop will be removed in the next major release.\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### ⚠️ Warning\nDo not override the following props on the input component that you return from the `renderInput` prop. Doing so might lead to unexpected behaviour.\n- `ref`\n- `value`\n- `onChange`\n- `onFocus`\n- `onBlur`\n- `onKeyDown`\n- `onPaste`\n- `onInput`\n- `type`\n- `inputMode`\n\n## Migrating from v2\n\nThe v3 of `react-otp-input` is a complete rewrite of the library. Apart from making the API more customizable and flexible, this version is a complete rewrite of the library using TypeScript and React Hooks. Here are the breaking changes that you need to be aware of:\n\n- You now need to pass your own custom input component that will be rendered for each of the input fields via `renderInput` prop. This gives you the flexibility to customize the input fields as you desire. This also means that props like `focusStyle`, `isDisabled`, `disabledStyle`, `hasErrored`, `errorStyle`, `isInputNum`, `isInputSecure`, `data-cy` and `data-testid` are no longer supported. You can achieve the same functionality and more by passing the relevant props directly to the input component that you return from the `renderInput` prop.\n\n- The `separator` prop has now been renamed to `renderSeparator`. This prop now apart from accepting a component that will be rendered as a separator between inputs like it used to, now also accepts a function that returns a component. The function will get the index of the separator being rendered as an argument.\n\n- A new prop called `inputType` has been added to the component. This prop can be used to specify the type of the input that will be passed to the input element being rendered. The default value of this prop is `number`.\n\n## Migrating from v1\n\n`react-otp-input` is now a controlled component to facilitate functionalities that weren't possible before from the application using it, such as clearing or pre-assigning values. For `v1.0.0` and above, a `value` prop needs to be passed in the component for it to function as expected.\n\n## Development\n\n#### To run the vite example:\n\n```\ncd example\nnpm run dev\n```\n\n## Checklist\n\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat\u0026logo=github)](https://github.com/devfolioco/react-otp-input/pulls) [![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/devfolioco/react-otp-input)\n\n- [ ] Write tests\n- [ ] Add actions for lint checks and tests\n\n## Contributing\n\n[![GitHub issues](https://img.shields.io/github/issues-raw/devfolioco/react-otp-input?logo=github)](https://github.com/devfolioco/react-otp-input/issues) [![GitHub pull requests](https://img.shields.io/github/issues-pr/devfolioco/react-otp-input?logo=git)](https://github.com/devfolioco/react-otp-input/pulls)\n\nFeel free to open [issues](https://github.com/devfolioco/react-otp-input/issues/new/choose) and [pull requests](https://github.com/devfolioco/react-otp-input/pulls)!\n\n## License\n\n[![NPM](https://img.shields.io/npm/l/react-otp-input)](https://github.com/devfolioco/react-otp-input/blob/master/LICENSE)\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n\u003c!-- prettier-ignore-start --\u003e\n\u003c!-- markdownlint-disable --\u003e\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/apollonian\"\u003e\u003cimg src=\"https://avatars2.githubusercontent.com/u/2150306?v=4?s=100\" width=\"100px;\" alt=\"Abhishek Warokar\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAbhishek Warokar\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=apollonian\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-apollonian\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#maintenance-apollonian\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#ideas-apollonian\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/devfolioco/react-otp-input/pulls?q=is%3Apr+reviewed-by%3Aapollonian\" title=\"Reviewed Pull Requests\"\u003e👀\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://ajayns.me\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/20743219?v=4?s=100\" width=\"100px;\" alt=\"Aj\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAj\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=ajayns\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#design-ajayns\" title=\"Design\"\u003e🎨\u003c/a\u003e \u003ca href=\"#ideas-ajayns\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://aromalanil.me\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/49222186?v=4?s=100\" width=\"100px;\" alt=\"Aromal Anil\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAromal Anil\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=aromalanil\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#tool-aromalanil\" title=\"Tools\"\u003e🔧\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://borntofrappe.github.io\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/33316703?v=4?s=100\" width=\"100px;\" alt=\"Gabriele Corti\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eGabriele Corti\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=borntofrappe\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#a11y-borntofrappe\" title=\"Accessibility\"\u003e️️️️♿️\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://www.anoopms.me\"\u003e\u003cimg src=\"https://avatars1.githubusercontent.com/u/46913894?v=4?s=100\" width=\"100px;\" alt=\"Anoop\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eAnoop\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=anoopmsivadas\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://dewanshrawat.xyz\"\u003e\u003cimg src=\"https://avatars0.githubusercontent.com/u/17003127?v=4?s=100\" width=\"100px;\" alt=\"Dewansh Rawat\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eDewansh Rawat\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/issues?q=author%3Adewanshrawat15\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://ishanchhabra.com\"\u003e\u003cimg src=\"https://avatars3.githubusercontent.com/u/32290367?v=4?s=100\" width=\"100px;\" alt=\"Ishan Chhabra\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIshan Chhabra\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=ishan-chhabra\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://www.causztic.com\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/2081441?v=4?s=100\" width=\"100px;\" alt=\"yaojie\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eyaojie\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=causztic\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"http://prateeksurana.me\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/21277179?v=4?s=100\" width=\"100px;\" alt=\"Prateek Surana\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003ePrateek Surana\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=prateek3255\" title=\"Code\"\u003e💻\u003c/a\u003e \u003ca href=\"#maintenance-prateek3255\" title=\"Maintenance\"\u003e🚧\u003c/a\u003e \u003ca href=\"#ideas-prateek3255\" title=\"Ideas, Planning, \u0026 Feedback\"\u003e🤔\u003c/a\u003e \u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=prateek3255\" title=\"Documentation\"\u003e📖\u003c/a\u003e \u003ca href=\"#design-prateek3255\" title=\"Design\"\u003e🎨\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/suleymanbariseser\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/50797736?v=4?s=100\" width=\"100px;\" alt=\"Süleyman Barış Eser\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSüleyman Barış Eser\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/issues?q=author%3Asuleymanbariseser\" title=\"Bug reports\"\u003e🐛\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://medium.com/@skdomino\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/28181?v=4?s=100\" width=\"100px;\" alt=\"Steve Domino\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eSteve Domino\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=sdomino\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n      \u003ctd align=\"center\" valign=\"top\" width=\"14.28%\"\u003e\u003ca href=\"https://github.com/hogiyogi597\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/25204032?v=4?s=100\" width=\"100px;\" alt=\"Stephen Hogan\"/\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eStephen Hogan\u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr /\u003e\u003ca href=\"https://github.com/devfolioco/react-otp-input/commits?author=hogiyogi597\" title=\"Code\"\u003e💻\u003c/a\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n\u003c!-- markdownlint-restore --\u003e\n\u003c!-- prettier-ignore-end --\u003e\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevfolioco%2Freact-otp-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevfolioco%2Freact-otp-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevfolioco%2Freact-otp-input/lists"}