React-color NPM | npm.io

2.19.3 • Published 3 years ago

Install

Weekly downloads

2,374,204

License

MIT

Repository

Last release

3 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

@edifice.io/editor @antv/li-editor-p2 @lwtears/admin-common @shesha/reactjs @pingux/astro @richard512/shareableasset-bridge @dterekhova/components atlasgroup-react-atlantic @cframework/webcore @bondsports/utils @corva/ui @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

3 years ago

3 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 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

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