@rc-component/color-picker

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;