npmpackage.info

Gathering detailed insights and metrics for @rc-component/color-picker

Other packages similar to @rc-component/color-picker

rc-color-picker

1.2.6

color-picker ui component for react

@programmerraj/rc-color-picker

3.0.1

color-picker ui component for react

rc-awsome-color-picker

0.2.0

A React component that enables to pick color through HSV/HEX/RGBA, and call up the EyeDropper.

rc-color-picker-corbin

1.2.22

color-picker ui component for react

Gathering detailed insights and metrics for @rc-component/color-picker

@rc-component/color-picker - 3.0.1 | npmpackage.info

@rc-component/color-picker

React ColorPicker

3.0.1

449

MIT

TypeScript

7.20 kB

3.6

Installations

npm install @rc-component/color-picker

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

22.5.1

NPM Version

10.8.2 Score

93.1

Supply Chain

Quality

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

11

Total

213

Closed

131

Merged

71

Issues

Open

2

Total

57

Closed

55

Releases

@rc-component/color-picker@3.0.1

Updated on Mar 21, 2025

@rc-component/color-picker@3.0.0

Updated on Mar 21, 2025

v2.0.1

Updated on Aug 07, 2024

v2.0.0

Updated on Jul 30, 2024

v1.9.0

Updated on Jul 24, 2024

v1.8.3

Updated on Jul 22, 2024

View All 39 releases

Languages

TypeScript

Less

JavaScript

Shell

TypeScript (93.42%)

Less (5.72%)

JavaScript (0.69%)

Shell (0.16%)

Developer

react-component

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

449 Stars

237 Commits

92 Forks

25 Watchers

27 Branches

41 Contributors

Updated on Jun 24, 2025

Bundle Size

19.33 kB

Minified

7.20 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 41 Contributors

Package Meta Information

Latest Version

3.0.1

Package Id

@rc-component/color-picker@3.0.1

Unpacked Size

74.27 kB

Size

14.52 kB

File Count

NPM Version

10.8.2

Node Version

22.5.1

Published on

Mar 21, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

@rc-component/color-picker

React Color Picker.

install

Development

npm install
npm start

Example

http://localhost:8000

Usage

1import ColorPicker from '@rc-component/color-picker';
2import '@rc-component/color-picker/assets/index.css';
3
4export default () => <ColorPicker />;

API

Property	Description	Type	Default
value	Value of color	string \| `Color`	-
defaultValue	Default value of color	string \| `Color`	-
onChange	Callback when `value` is changed	`(value: Color, type: hue \| alpha) => void`	-
onChangeComplete	Callback when `drag` is stop	`(value: Color, type: hue \| alpha) => void`	-
disabled	Disabled ColorPicker	boolean	false
disabledAlpha	Disabled alpha slider	boolean	false
panelRender	Custom panel render	`(panel: React.ReactElement) => React.ReactElement`	-

Color

Property	Description	Type	Default
toHexString	Convert to `hex` format color string, like `#ffffff`	`() => string`	-
toHsb	Convert to `hsb` object, like `{ h: 0, s: 0, b: 0, a: 0 }`	`() => ({ h: number, s: number, b: number, a number })`	-
toHsbString	Convert to `hsb` format color string, like `hsba(0, 0%, 0%, 0)`	`() => string`	-
toRgb	Convert to `rgb` object, like `{ r: 0, g: 0, b: 0, a: 0 }`	`() => ({ r: number, g: number, b: number, a number })`	-
toRgbString	Convert to `rgb` format color string, like `rgba(0, 0, 0, 0)`	`() => string`	-

Test Case

npm test
or
npm run coverage

License

@rc-component/color-picker is released under the MIT license.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

3.6

/10

Last Scanned on 2025-06-16

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @rc-component/color-picker

Other packages similar to @rc-component/color-picker

@rc-component/color-picker

Installations

Developer Guide

Yes

CommonJS

22.5.1

10.8.2

Score

Pull Requests

11

213

131

71

Issues

2

57

55

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

19.33 kB

7.20 kB

Maintainers

Package Meta Information

Total Downloads

NaN

Dependencies

Peer Dependencies

Dev Dependencies

@rc-component/color-picker

install

Development

Example

Usage

API

Color

Test Case

License

10

10

10

10

2

0

0

0

0

0

0

0

0

3.6

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads