react-color

A Collection of Color Pickers from Sketch, Photoshop, Chrome & more

react-color downloads react-color version react-color license

react-color類似パッケージ:

npmのダウンロードトレンド

3 年
🌟 react-colorのREADME.mdにリアルタイム使用チャートを表示するには、以下のコードをコピーしてください。
## Usage Trend
[![Usage Trend of react-color](https://npm-compare.com/img/npm-trend/THREE_YEARS/react-color.png)](https://npm-compare.com/react-color#timeRange=THREE_YEARS)

Cumulative GitHub Star Trend

🌟 react-colorのREADME.mdにGitHub Starsトレンドチャートを表示するには、以下のコードをコピーしてください。
## GitHub Stars Trend
[![GitHub Stars Trend of react-color](https://npm-compare.com/img/github-trend/react-color.png)](https://npm-compare.com/react-color)

統計詳細

パッケージ
ダウンロード数
Stars
サイズ
Issues
公開日時
ライセンス
react-color012,305-2326年前MIT

react-color のREADME

React Color

Npm Version Build Status License Downloads

  • 13 Different Pickers - Sketch, Photoshop, Chrome and many more

  • Make Your Own - Use the building block components to make your own

Demo

Demo

Live Demo

Installation & Usage

npm install react-color --save

Include the Component

import React from 'react'
import { SketchPicker } from 'react-color'

class Component extends React.Component {

  render() {
    return <SketchPicker />
  }
}

You can import AlphaPicker BlockPicker ChromePicker CirclePicker CompactPicker GithubPicker HuePicker MaterialPicker PhotoshopPicker SketchPicker SliderPicker SwatchesPicker TwitterPicker respectively.

100% inline styles via ReactCSS