PuzzleGame

It is the main element required to make it work.

Import

import { PuzzleGame, Puzzle } from "react-puzzle-game";
import image from "./file.jpg";

How to use it

<div>
  <PuzzleGame
    src={image}
    columnsCount={3}
    rowsCount={3}
    height={280}
    width={280}
    onFinish={() => alert('Finished!!')}
  >
    <Puzzle />
  </PuzzleGame>
</div>

<div>
  <PuzzleGame
    src={image}
    columnsCount={3}
    rowsCount={3}
    height={280}
    width={280}
    onFinish={() => alert('Finished!!')}
  >
    <Puzzle />
  </PuzzleGame>
</div>

Props

children

ReactNode

required

onFinish

() => void

required

rowsCount

number

required

columnsCount

number

required

src

string

required

height

number

required

width

number

required

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}PuzzleGame

Import

How to use it

Props

PuzzleGame