/chessground

Chessground React Wrapper

Primary LanguageTypeScriptGNU General Public License v3.0GPL-3.0

Chessground · npm (scoped) Build Status semantic-release ts

Chessground is a React Wrapper package for the original Chessground UI developed for lichess.org. This project also contains zero chess logic, please visit chess.js for validation/generation.

This package is in very early stages of development, thus usage of this package in TypeScript is highly recommended.

Installation

Currently the package has peerDependencies on react: ^16.8.0 and react-dom: ^16.8.0.

# If you are using npm:
npm install @react-chess/chessground

# If you are using yarn:
yarn add @react-chess/chessground

Documentation

After installing, the component can be default imported and it has 4 optional props:

  • width: number defaults to 900, determines width of the chessboard in pxs

  • height: number defaults to 900, determines height of the chessboard in pxs

  • config: Partial<Config> defaults to {}, determines various configuration properties of Chessground

  • contained: boolean defaults to false, when enabled renders the chessboard in a 100% width & height div.

Renders a simple 900 x 900 board, with pieces in their default position:

import Chessground from '@react-chess/chessground';

ReactDOM.render(
  <Chessground />,
  document.getElementById('root')
);