Skip to content
Package a color picker extension that can select color for rsuite.
CSS JavaScript HTML
Branch: master
Clone or download
Latest commit b44c910 Sep 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
docs
lib
src
.babelrc
.editorconfig
.gitignore
.prettierrc
LICENSE
README.md
_config.yml
gulpfile.js
package.json
webpack.config.js
yarn.lock

README.md

rsuite-color-picker

Package a color picker extension that can select color for rsuite.

Examples

DEMO

Installation

npm install rsuite-color-picker --save

or

yarn add rsuite-color-picker

Usage

import ColorPicker from 'rsuite-color-picker';
import 'rsuite-color-picker/lib/styles.less'
// import 'rsuite-color-picker/lib/styles.css'

const App = () => <ColorPicker />

ReactDOM.render(<App />, mountNode);

Props

Property Type(Default) Description
disabled boolean(false) disabled
value String/Object value (Controlled)
defaultValue String/Object(#00bcd4) Default value
onChange Function call every time the color is changed
onChangeComplete Function call once a color change is complete

see detail of 3 props in React Color:

  1. color (value / defaultValue)
  2. onChange (onChange)
  3. onChangeComplete (onChangeComplete)

Less variable

  • @color-picker-wrapper-padding: 5px;
  • @color-picker-border-radius: 6px;

License

MIT licensed

You can’t perform that action at this time.