https://github.com/react-melon/melon-colorpicker

Melon Color Picker
https://github.com/react-melon/melon-colorpicker

color-picker matieral-design react

Last synced: about 1 year ago
JSON representation

Melon Color Picker

• Host: GitHub
• URL: https://github.com/react-melon/melon-colorpicker
• Owner: react-melon
• Created: 2016-08-29T02:50:46.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-10-30T12:42:13.000Z (over 8 years ago)
• Last Synced: 2025-04-10T01:04:16.477Z (about 1 year ago)
• Topics: color-picker, matieral-design, react
• Language: JavaScript
• Homepage:
• Size: 1.62 MB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# melon-colorpicker

[![Build Status](https://travis-ci.org/react-melon/melon-colorpicker.svg?branch=master)](https://travis-ci.org/react-melon/melon-colorpicker)

[![Coverage Status](https://coveralls.io/repos/github/react-melon/melon-colorpicker/badge.svg?branch=master)](https://coveralls.io/github/react-melon/melon-colorpicker?branch=master)

## Usage

```js

import React from 'react';

import ColorPicker from 'melon-colorpicker';

import ReactDOM from 'react-dom';

import './index.styl';

ReactDOM.render(

    ,

    document.getElementById('app')

);

```

## Setup

### webpack

1. please check out [this](https://github.com/react-melon/melon#如何在-webpack-中使用-melon) first.

2. `npm install -S melon-colorpicker`

### bower

1. `bower install -S melon-colorpicker`

2. config your `requirejs` / `esl`

    ```js

    require.config({

        paths: {

            'melon-colorpicker': 'bower_components/melon-colorpicker/lib/index'

        }

    });

    ```

## API Document

check [this](https://doc.esdoc.org/github.com/react-melon/melon-colorpicker/) out

## Run the example

```

git clone https://github.com/react-melon/melon-colorpicker.git

cd melon-colorpicker

npm install

npm start

open http://localhost:8080/example

```