1.1.2 • Published 7 years ago
react-verify-code v1.1.2
react-verify-code
A simply graphic verification code component for react.
Installation
Using npm:
$ npm i --save react-verify-code
Usage
example
import React from 'react'
import ReactDOM from 'react-dom';
import ReactVerifyCode from 'react-verify-code'
class App extends React.Component {
render() {
return (
<div>
<h1>Example</h1>
<ReactVerifyCode />
</div>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('app')
);
Props:
Prop | Default | Type | Description |
---|---|---|---|
width | 100 | number | canvas width |
height | 30 | number | canvas height |
type | "blend" | string | response validate code |
numbers | 0-9 | array | - |
letters | a-z,A-Z | array | - |
onChange | value=>void | func | code change callback |
len | 4 | number | response string's length |
ref | "react_verify_code" | string | canvas'ref |
Development
Want to run demos locally
git clone https://github.com/Slebee/react-verify-code
npm install
npm start
open http://localhost:8080
LICENSE
MIT