Neighbourhood Party Manager
Miss any of our Open RFC calls?Watch the recordings here! »

react-color-grid

0.2.2 • Public • Published

React Color Grid

  • Show your lovely colors and copy them to the clipboard

readme-image

Simple Example

import React, { Component } from "react";
import { ColorGrid } from "react-color-grid";
 
class App extends Component {
  render() {
    const colors = {
      items: [
        {
          colorCode: "#1866e2",
          textColor: "white"
        },
        {
          colorCode: "#e23d17",
          textColor: "white"
        }
      ]
    }
    return (
      <div>
        <ColorGrid
          colors={colors}
        />
      </div>
    );
  }
}
 
export default App;
 

PropTypes

Props Type Default Description
colors object none object containing the property items which itself is an array of colors
colors.items array of objects none object containing colorCode and textColor properties

Roadmap

  • replace the tooltip library and toastify with css to increase performance.
  • add tests
  • improve documentation

Inspiration

http://ux.mailchimp.com/patterns/color https://hackernoon.com/creating-a-library-of-react-components-using-create-react-app-without-ejecting-d182df690c6b

Keywords

none

Install

npm i react-color-grid

DownloadsWeekly Downloads

4

Version

0.2.2

License

none

Unpacked Size

3.95 kB

Total Files

6

Last publish

Collaborators

  • avatar