chessboard-element »

chessboard-element

Home Examples Docs Install

Basic Usage

Empty Board
Start Position
FEN String
Position Object
Multiple Boards

Config

Start Position
Orientation
Notation
Draggable Snapback
Piece Theme String
Animation Speed
Spare Pieces
Piece Theme Function
Position FEN
Position Object
Draggable Trash

Methods

Get Position
Set Position
Set Position Instantly
Clear Board
Move Pieces
Orientation
Resize

Events

change
drag-start
drag-start Prevent Drag
drag-move
drop
drop Snapback
drop Trash
snapback-end
move-end

Integration

Only Allow Legal Moves
Play Random Computer
Random vs Random
Highlight Legal Moves
Piece Highlighting 1
Piece Highlighting 2

Chessboard.js initializes to an empty board with no second argument.

HTML

<chess-board style="width: 400px"></chess-board>

chessboard-element is released under the MIT License

The code can be found on GitHub

chessboard-element is a fork of the awesome chessboard.js project by Chris Oakman

Made with LitElement by Justin Fagnani