Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-colors-picker
Advanced tools
Readme
colors picker ui component for react
IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
<img src=https://cloud.githubusercontent.com/assets/1292082/8275606/8608e8f8-18db-11e5-8d10-703253db2a4f.png width=238 />
npm install
npm start
online example: http://react-component.github.io/react-colors-picker/
var ColorsPicker = require('react-colors-picker');
var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<ColorsPicker />, container);
name | type | default | description |
---|---|---|---|
animation | String | index.css support 'slide-up' | |
transitionName | String | css class for animation | |
getCalendarContainer | Function():Element | function(){return document.body;} | dom node where picker to be rendered into |
align | Object: alignConfig of dom-align | popup 's align config | |
alpha | Number | 100 | opacity of the color |
defaultAlpha | Number | 100 | opacity of the color |
color | String | #ff0000 | color board current background color |
defaultColor | String | #ff0000 | color board current background color |
onChange | Function | noop | when select color |
onOpen | Function | noop | when color picker popup open |
onClose | Function | noop | when color picker popup close |
placement | String | topLeft | one of ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'] |
mode | String | 'RGB' | color mode, support mode 'RGB', 'HSB' or 'HSL' |
trigger | Node | <span className='react-colorpicker-trigger'></span> | additional trigger appended to picker |
name | type | default | description |
---|---|---|---|
alpha | Number | 100 | opacity of the color |
defaultAlpha | Number | 100 | opacity of the color |
color | String | #ff0000 | color board current background color |
defaultColor | String | #ff0000 | color board current background color |
style | Object | {} | root node CSS style |
onChange | Function | when select color trigger | |
onFocus | Function | when picker focus trigger | |
onBlur | Function | when picker loose focus | |
mode | String | 'RGB' | color mode, support mode 'RGB', 'HSB' or 'HSL' |
react-colors-picker is released under the MIT license.
FAQs
color-picker ui component for react
The npm package react-colors-picker receives a total of 533 weekly downloads. As such, react-colors-picker popularity was classified as not popular.
We found that react-colors-picker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.