A simple SVG board in the form of a React component to render a Godash Board.
Resize it by putting it in a sized container.
import React from 'react';
import godash from 'godash';
import {Goban} from 'react-go-board';
function handleCoordinateClick(coordinate) {
// http://duckpunch.github.io/godash/documentation/#coordinate
coordinate;
}
export default function RenderMe() {
const board = new godash.Board(19);
const annotations = [new godash.Coordinate(2, 2)];
return <Goban
board={board}
boardColor='#efefef'
annotations={annotations}
onCoordinateClick={handleCoordinateClick} />;
}
- Optional coordinate labels
- Annotations (whenever I do annotations for Godash)