JSPM – gotcha-slider-captcha-react@1.7.2

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-react) 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.

Requirements

This package is compatible with version 18.2.0 of React

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-slider-captcha/dist/slider-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
  sitekey="site-key"
  create="http://your_api/v1/captcha/create"
  verify="http://your_api/v1/captcha/verify"
  callback={verifiedCallback}
/>