https://github.com/kim-sunlei/react-code-input

An input component for inputting verification codes for react
https://github.com/kim-sunlei/react-code-input

code input react reactjs

Last synced: 10 months ago
JSON representation

An input component for inputting verification codes for react

• Host: GitHub
• URL: https://github.com/kim-sunlei/react-code-input
• Owner: kim-sunlei
• License: mit
• Created: 2019-09-07T07:59:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T04:41:29.000Z (about 3 years ago)
• Last Synced: 2024-04-25T01:42:17.606Z (almost 2 years ago)
• Topics: code, input, react, reactjs
• Language: TypeScript
• Homepage:
• Size: 10.8 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# React Code Input

An input component for inputting verification codes for [react](https://github.com/facebook/react)

![license](https://img.shields.io/github/license/kim-sunlei/react-code-input)   [![npm version](https://badge.fury.io/js/react-vcode-input.svg)](https://badge.fury.io/js/react-vcode-input)  [![npm issues](https://img.shields.io/github/issues/kim-sunlei/react-code-input)](https://github.com/kim-sunlei/react-code-input/issues)  ![npm forks](	https://img.shields.io/github/forks/kim-sunlei/react-code-input)   ![npm stars](https://img.shields.io/github/stars/kim-sunlei/react-code-input)

## To use

`$ npm i --save react-vcode-input`

## Usage

```js

import VcodeInput from 'react-vcode-input';

```

### Props

|  Property  |          Type           |                Description                |

| :--------: | :---------------------: | :---------------------------------------: |

|   fields   |         number          |                Code length                |

| autoFocus  |          bool           |      Input gets focus automatically       |

| onFinished | (value: string) => void | Callback function at the end of all input |

| inputStyle |         object          |               Style of item               |

### 

## License

[MIT](https://github.com/kim-sunlei/react-code-input/blob/master/LICENSE)