React Chessboard Kit
A simple and easy to use chessboard component for React
NPM Package
Documentation
8
7
6
5
4
3
2
1
a
b
c
d
e
f
g
h
To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item. Press space again to drop the item in its new position, or press escape to cancel.
Board props
Board FEN:
rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1
Theme:
default
coral
dusk
marine
wheat
emerald
sandcastle
Orientation:
White
Black
Reset board:
Reset