Skip to content

Chessboard Tutorial

The canonical React DnD tutorial. The knight (♘) is a BdndDraggable; every square is a BdndDropTarget whose CanDropPredicate only allows legal knight moves. Legal targets are highlighted while dragging.

♘

Knight at column 1, row 7. Drag it to a highlighted square.

An unhandled error has occurred. Reload 🗙