@terrazzo/react-color-picker
Version:
React color picker that supports Color Module 4, wide color gamut (WCG), and Display-P3 using WebGL for monitor-accurate colors. Powered by Culori.
26 lines • 998 B
TypeScript
import { type default as useColor } from '@terrazzo/use-color';
import { type ReactElement } from 'react';
import './ColorChannelSlider.css';
/** size, in px, to pad inner track */
export declare const TRACK_PADDING = 4;
/** CSS class to add to body */
export declare const BODY_DRAGGING_CLASS = "tz-color-channel-slider-is-grabbing";
/** Amount Shift key affects drag rate */
export declare const SHIFT_FACTOR = 0.25;
export interface ColorChannelBGProps {
channel: string;
color: ReturnType<typeof useColor>[0];
min: number;
displayMin?: number;
max: number;
displayMax?: number;
}
export interface ColorChannelSliderProps {
channel: string;
className?: string;
color: ReturnType<typeof useColor>[0];
gamut?: 'rgb' | 'p3' | 'rec2020';
setColor: ReturnType<typeof useColor>[1];
}
export default function ColorChannelSlider({ channel, className, color, setColor, }: ColorChannelSliderProps): ReactElement;
//# sourceMappingURL=ColorChannelSlider.d.ts.map