New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

@rc-component/color-picker

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rc-component/color-picker

React Color Picker

1.0.0-alpha.2
Source
npm

Version published: 2 years ago

Weekly downloads: 788K; decreased by-5.16%

Maintainers: 4

Weekly downloads

Created: 2 years ago

What is @rc-component/color-picker?

@rc-component/color-picker is a React component library that provides a customizable color picker component. It allows users to select colors using various input methods, such as sliders, input fields, and color palettes. The package is designed to be flexible and easy to integrate into React applications.

What are @rc-component/color-picker's main functionalities?

Basic Color Picker

This feature provides a basic color picker component that can be easily integrated into a React application. It allows users to select a color using a simple interface.

import React from 'react';
import { ColorPicker } from '@rc-component/color-picker';

const BasicColorPicker = () => (
  <ColorPicker />
);

export default BasicColorPicker;

Customizable Color Picker

This feature allows for customization of the color picker component. Users can set a default color, handle color changes with a callback function, and enable alpha channel selection.

import React from 'react';
import { ColorPicker } from '@rc-component/color-picker';

const CustomColorPicker = () => (
  <ColorPicker
    defaultColor="#ff0000"
    onChange={(color) => console.log(color)}
    showAlpha={true}
  />
);

export default CustomColorPicker;

Color Picker with Preset Colors

This feature allows the color picker to display a set of preset colors that users can choose from. It simplifies the color selection process by providing predefined color options.

import React from 'react';
import { ColorPicker } from '@rc-component/color-picker';

const PresetColorPicker = () => (
  <ColorPicker
    presetColors={['#ff0000', '#00ff00', '#0000ff']}
  />
);

export default PresetColorPicker;

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