Angular 2 Chessboard Component

Component wrapping the chessboardJS library. See online documentation.

For more information about the wrapped library, and more details about parameters, methods and events, see ChessboardJS official documentation

Installation

Using NPM

  npm i ng2-chessboard --save

Usage

Basic

<ng2-chessboard [(position)]="position"></ng2-chessboard>

Extended

<ng2-chessboard #board
  [(position)]="position"
  [orientation]="orientation"
  [showNotation]="showNotation"
  [draggable]="draggable"
  [animation]="animation"
  (change)="onChange($event)"
  (dragStart)="onDragStart($event)"
  (dragMove)="onDragMove($event)"
  (drop)="onDrop($event)"
  (snapbackEnd)="onSnapbackEnd($event)"
  (moveEnd)="onMoveEnd($event)">
</ng2-chessboard>

Variables

Input()/Output() position (String or Object)
Input() orientation (Boolean)
Input() showNotation (Boolean)
Input() draggable (Boolean)
Input() dropOffBoard (String)
Input() pieceTheme (String or Function)
Input() moveSpeed (Number)
Input() snapbackSpeed (Number)
Input() snapSpeed (Number)
Input() sparePieces (Boolean)

Methods

clear()
move(String)

Events

Output() change
Output() dragStart
Output() dragMove
Output() drop
Output() snapbackEnd
Output() moveEnd

8manos/ng2-chessboard