Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gotcha-slider-captcha) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

User Guide

This is a slider captcha component made using React. This componnet have three main elements: The check-box to create/generate, the image with the sliding puzzle piece and the slider below to slide the puzzle piece.

Commands

To install this component, use:

npm i gotcha-silder-captcha

How to use the Buttom component:

Import in your project:

 import SliderCaptcha from "gotcha-silder-captcha";

Use this if you want to add any logic based on the slider verification token:

const [captchaTokenVerify, setCaptchaTokenVerify] = useState(false);

  const verifiedCallback = (token) => {
    console.log("Slider Captcha Token: " + token);
    if (token) {
      setCaptchaTokenVerify(true);
    }
  };

Add slider captcha in your component:

 <SliderCaptcha
        create="http://your_api/v1/captcha/create"
        verify="http://your_api/v1/captcha/verify"
        callback={verifiedCallback}
      />