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,
]} />

/react-pixel-grid/

    Package Sidebar

    Install

    npm i react-pixel-grid

    Weekly Downloads

    78

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    4.89 kB

    Total Files

    4

    Last publish

    Collaborators

    • dpren