react-chessboard-ui

See full documentation on https://chessboardui.space

Install

1npm install react-chessboard-ui

or

1yarn add react-chessboard-ui

Usage example

1import React from 'react';
2import { ChessBoard } from 'react-chessboard-ui'; // ChessBoard is a base component of react-chessboard-ui
3
4import 'react-chessboard-ui/dist/index.css'; // required import css for ChessBoard
5
6export const App = () => {
7
8  // ... all handlers
9
10  return (
11    <div>
12      <ChessBoard 
13        FEN="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
14        onChange={handleChangePosition}
15        onEndGame={handleEndGame}
16      />
17    </div>
18  );
19}

Creators

Created by in: Tanya and in: Alex

License

MIT ©