react-dnd-image-puzzle2

React DnD Image Puzzle

(Forked from https://github.com/ferthings/react-dnd-image-puzzle)

Create a puzzle from an image

Install package

npm install react-dnd-image-puzzle2

Your app

import Puzzle from 'react-dnd-image-puzzle2';

function App() {
  const onComplete = () => {
    console.log('Puzzle is completed!');
  };

  return (
    <Puzzle
      image="https://www.laurag.tv/wp-content/uploads/2020/02/bob-esponja.jpg"
      imageWidth={800}
      imageHeight={480}
      height={100}
      width={100}
      pieces={4}
      onSwap={onSwap}
      onComplete={onComplete}
    />
  );
}

export default App;

Props