react-pixel-grid

0.1.2 • Public • Published

react-pixel-grid     Latest Version

A simple component that wraps freeman-lab/pixel-grid.

npm install react-pixel-grid

Demo

Usage

screenshot

import PixelGrid from "react-pixel-grid";
 
<PixelGrid
  data={Array(64).fill(0).map(Math.random)}
  options={{
    size: 10,
    padding: 2,
    background: [0, 0.5, 1],
  }}
/>

screenshot2

const r = "#f00";
const g = "#0f0";
const b = "#00f";
const x = "#000";
 
<PixelGrid data={[
    x, r, x, g, x, b, 
    r, x, g, x, b, x, 
    x, r, x, g, x, b, 
    r, x, g, x, b, x, 
    x, r, x, g, x, b, 
    r, x, g, x, b, x,
]} />

Package Sidebar

Install

npm i react-pixel-grid

Weekly Downloads

73

Version

0.1.2

License

MIT

Unpacked Size

4.89 kB

Total Files

4

Last publish

Collaborators

  • dpren