nonogram-grid

A grid to display or edit nonograms inside of

Usage no npm install needed!

<script type="module">
  import nonogramGrid from 'https://cdn.skypack.dev/nonogram-grid';
</script>

README

nonogram-grid

A grid to display or edit nonograms inside of

NPM JavaScript Style Guide

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} />;
  }
}

License

MIT © dsmiller95