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