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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.1.2
    105
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.1.2
    105
  • 0.1.1
    0
  • 0.1.0
    0

Package Sidebar

Install

npm i react-pixel-grid

Weekly Downloads

102

Version

0.1.2

License

MIT

Unpacked Size

4.89 kB

Total Files

4

Last publish

Collaborators

  • dpren