React Chess

Interactive demo for @mdwebb/react-chess

Preview

Code

1<Chessboard
2  width={300}
3  height={300}
4  className="p-4 shadow-2xl rounded-2xl"
5  pgn="1. e4 e5 2. Nf3 Nc6 3. Bb5 a6"
6  showMoveHistory={true}
7  showNavigation={true}
8  onPositionChange={(fen, moves) => {
9    console.log("Position changed:", fen);
10    console.log("Moves:", moves);
11  }}
12/>

Configuration

px

Board width only

px

Board height only