React-chessboard-ui NPM

react-chessboard-ui

See full documentation on https://chessboardui.space

Install

npm install react-chessboard-ui

yarn add react-chessboard-ui

Usage example

import React from 'react';
import { ChessBoard } from 'react-chessboard-ui'; // ChessBoard is a base component of react-chessboard-ui

import 'react-chessboard-ui/dist/index.css'; // required import css for ChessBoard

export const App = () => {

  // ... all handlers

  return (
    <div>
      <ChessBoard 
        FEN="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
        onChange={handleChangePosition}
        onEndGame={handleEndGame}
      />
    </div>
  );
}