rc-color-picker

WebJar for rc-color-picker

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

rc-color-picker
Last Version

Last Version

1.2.6
Release Date

Release Date

Type

Type

jar
Description

Description

rc-color-picker
WebJar for rc-color-picker
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/react-component/color-picker

Download rc-color-picker

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/rc-color-picker/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>rc-color-picker</artifactId>
    <version>1.2.6</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/rc-color-picker/
implementation 'org.webjars.npm:rc-color-picker:1.2.6'
// https://jarcasting.com/artifacts/org.webjars.npm/rc-color-picker/
implementation ("org.webjars.npm:rc-color-picker:1.2.6")
'org.webjars.npm:rc-color-picker:jar:1.2.6'
<dependency org="org.webjars.npm" name="rc-color-picker" rev="1.2.6">
  <artifact name="rc-color-picker" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='rc-color-picker', version='1.2.6')
)
libraryDependencies += "org.webjars.npm" % "rc-color-picker" % "1.2.6"
[org.webjars.npm/rc-color-picker "1.2.6"]

Dependencies

compile (5)

Group / Artifact Type Version
org.webjars.npm : classnames jar [2.2.5,3)
org.webjars.npm : rc-util jar [4.0.2,5)
org.webjars.npm : tinycolor2 jar [1.4.1,2)
org.webjars.npm : prop-types jar [15.5.8,16)
org.webjars.npm : rc-trigger jar [1,2)

Project Modules

There are no modules declared in this project.

rc-color-picker


React Color Picker

npm version npm download npm dependency Build Status

Browser Support

Chrome Edge Firefox IE Opera Safari
Chrome 31.0+ Edge 12.0+ Firefox 31.0+ IE 10+ Opera 30.0+ Safari 7.0+

Screenshots

Development

npm install
npm start

Example

online example: http://react-component.github.io/color-picker/

Feature

  • support color mode RGB HSB HSL

install

rc-color-picker

Usage

var ColorPicker = require('rc-color-picker');
var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<ColorPicker />, container);

API

ColorPicker.props

name type default description
align Object: alignConfig of dom-align popup 's align config
alpha Number 100 opacity of the color
animation String index.css support 'slide-up'
children Node <span className='react-colorpicker-trigger'></span> additional trigger appended to picker
className String '' Aditional class to be added to component
color String #ff0000 color board current background color
defaultAlpha Number 100 opacity of the color
defaultColor String #ff0000 color board current background color
enableAlpha Boolean true enable alpha controls
getCalendarContainer Function():Element function(){return document.body;} dom node where picker to be rendered into
mode String RGB color mode, support mode 'RGB', 'HSB' or 'HSL'
onChange Function noop when select color
onClose Function noop when color picker popup close
onOpen Function noop when color picker popup open
placement String topLeft one of ['topLeft', 'topRight', 'bottomLeft', 'bottomRight']
transitionName String css class for animation

ColorPicker.Panel.props

name type default description
alpha Number 100 opacity of the color
className String '' Aditional class to be added to component
color String #ff0000 color board current background color
defaultAlpha Number 100 opacity of the color
defaultColor String #ff0000 color board current background color
enableAlpha Boolean true enable alpha controls
mode String RGB color mode, support mode 'RGB', 'HSB' or 'HSL'
onBlur Function when picker loose focus
onChange Function when select color trigger
onFocus Function when picker focus trigger
style Object {} root node CSS style

License

rc-color-picker is released under the MIT license.

org.webjars.npm

react-component

React components foundation of http://ant.design

Versions

Version
1.2.6