React Puzzle Confirm


dependencies

``json
"react": "^16.9.0",
"react-dom": "^16.9.0"
`

`

`

Demo

Code Sandbox

install

Install as a node module

npm i react-puzzle-confirm -S

usage

`jsx
import React from 'react'
import ReactPuzzleConfirm from 'react-puzzle-confirm'
import 'react-puzzle-confirm/eact-puzzle-confirm.css'

const Demo = () => (
onClose={() => setShowModal(false)}
onSuccess={() => setShowModal(false)}
onFail={() => console.log("failed")}
title="Please fit the puzzle piece carefully"
sliderTitle="Slide to complete the puzzle"
failMessage="Error"
successMessage="Success"
closeButtonLabel="Close"
refrefButtonLabel="Refresh"
disableRefreshIdleState={false}
/>
)

export default Demo
`

props

#### onSuccess function

default () => console.log('success')

function for successful attempt

#### onFail function

default () => console.log('fail')

function for failed attempt

#### onClose function

default () => console.log('close clicked')

function for close button click

$3


default "Please fit the puzzle piece carefully"

$3

default "Slide to complete the puzzle"

$3

default"Error"

$3

default"Success"

$3

default"Close"

$3

default "Refresh"

$3

default true

important note
===

For older versions of React 15.0.0 and above (^15.0.0) please install following version with tag react-v15.0.0 or 1.0.16

npm install react-puzzle-confirm@react-v15.0.0 -S

or

npm install react-puzzle-confirm@1.0.16 -S`

Thanks

Yusuf Özlü