Socket
Socket
Sign inDemoInstall

rsuite-color-picker

Package Overview
Dependencies
40
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    rsuite-color-picker

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


Version published
Weekly downloads
257
increased by1.98%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

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

PropertyType(Default)Description
disabledboolean(false)disabled
valueString/Objectvalue (Controlled)
defaultValueString/Object(#00bcd4)Default value
disableAlphaboolean(false)Remove alpha slider and options from picker
onChangeFunctioncall every time the color is changed
onChangeCompleteFunctioncall once a color change is complete

see detail of 4 props in React Color:

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

Less variable

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

License

MIT licensed

Keywords

FAQs

Last updated on 02 Dec 2020

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc