React-color NPM | npm.io

2.19.3 • Published 5 years ago

Install

Weekly downloads

2,374,204

License

MIT

Repository

Last release

5 years ago

React Color

13 Different Pickers - Sketch, Photoshop, Chrome and many more
Make Your Own - Use the building block components to make your own

Demo

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

react color picker react-component colorpicker picker sketch chrome photoshop material design popup

@icons/material lodash lodash-es material-colors prop-types reactcss tinycolor2

@antv/li-editor-p2 @lwtears/admin-common @richard512/shareableasset-bridge @dterekhova/components atlasgroup-react-atlantic @cframework/webcore @tcljs/pro-field @hbtv/color-piker vijaybabu-edit @rowsncolumns/spreadsheet @wdaglb/braft-editor easy-gui quill-unvp @capaj/react-designer gamiphy-react gamiphy-react-app or-ui-dione tarnet-jumbo-react searchkit-color-picker k2.n3o resizable-textarea react-agent-map screencloud-app-error-components @pronto-development/pronto-components gintonic mov-reports-package agent-interface seamlessdocs-client @gamiphy/dashboard-core layout-comps react-fondle jsn_web2 vijaybabusampleeditor sop-cdm rah_image_classification_prototype phoenix-shared develapp-regional-frontend infoniqa-client-core @danielballardp/infoniqa-client-core static-view-blocks streamline-pkg higlass-galaxy braft-editor-improved oneview-gui @insync-stageplayer/ui-components @rdementev/st-chart annotestt annotwe annotateimagetest annotatest imgeswarlib testabb testiaa generic-image-annotation zmags-ui-library demio @tina-form/color-field @rdementev/charts @rdementev/sql-builder-client ecp-frontend exp-annotation-tool exp-canvas npm-test-5830 redpen-canvas tsdev-react-scheduler zq-reactui @caoyongmeng/ui-1 bigendianui web-pdm-test web-pdm-test1 class-note-editor-module oncoview lumiastream macys-star video-editor-spa form-builder-migration @pomona/pomona3-ui plot-plan-editor @omarefg/react-date-events @lemopo/mail-editor blitzbi-payment @webull/mail-editor mattermost-webapp-lib insync-stageplayer fz-desk xr3-spoke xrchat-spoke alife-uikit color-theme @stellaris/react-rich-editor viz-component content-client elon-npmlink-test bbgame tegaki-image-editor rete-two-editor twintwoo-editor @agney/neetoui clockotron tegaki-key-value

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago