Nonogram-grid NPM

nonogram-grid

A grid to display or edit nonograms inside of

Install

npm install --save nonogram-grid

Usage

import React, { Component } from 'react';

import { PixelDisplay, GridDumb } from 'nonogram-grid';
import 'nonogram-grid/dist/index.css';

class Example extends Component {
  render() {
    const gridData = [
      [PixelDisplay.White, PixelDisplay.Black, PixelDisplay.White],
      [PixelDisplay.White, PixelDisplay.White, PixelDisplay.Black],
      [PixelDisplay.Black, PixelDisplay.White, PixelDisplay.Black]
    ];
    return <GridDumb pixels={gridData} editable={false} />;
  }
}