apeman-react-captcha

apeman react package for captcha component.

Usage no npm install needed!

<script type="module">
  import apemanReactCaptcha from 'https://cdn.skypack.dev/apeman-react-captcha';
</script>

README

apeman-react-captcha

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for captcha component.

Installation

$ npm install apeman-react-captcha --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'

import React from 'react'
import {ApCaptcha, ApCaptchaStyle} from 'apeman-react-captcha'

const ExampleComponent = React.createClass({
  getInitialState () {
    return {
      captchaSrc: './captcha.svg'
    }
  },
  render () {
    const s = this
    let { state } = s
    return (
      <div>
        <ApCaptchaStyle />
        <ApCaptcha src={ state.captchaSrc }
                   refreshText="refresh"
                   onRefresh={ s.refreshCaptcha }/>
      </div>
    )
  },
  refreshCaptcha () {
    const s = this
    let time = new Date().getTime()
    console.log('refreshCaptcha:', time)
    s.setState({
      captchaSrc: `./images/mock-captcha.svg?t=${time}`
    })
  }
})

Components

ApCaptchaStyle

Props

Name Type Default Description

ApCaptchaSvg

Props

Name Type Default Description

ApCaptcha

Props

Name Type Default Description

License

This software is released under the MIT License.

Links