aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
44 lines • 1.47 kB
TypeScript
import React from "react";
interface HSV {
h: number;
s: number;
v: number;
}
interface RGB {
r: number;
g: number;
b: number;
}
export interface GlassColorWheelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/** Current color value in hex format */
value?: string;
/** Default color value */
defaultValue?: string;
/** Size of the color wheel */
size?: "sm" | "md" | "lg" | "xl";
/** Whether the color wheel is disabled */
disabled?: boolean;
/** Whether to show alpha channel */
showAlpha?: boolean;
/** Alpha value (0-1) */
alpha?: number;
/** Default alpha value */
defaultAlpha?: number;
/** Predefined color swatches */
swatches?: string[];
/** Whether to show color swatches */
showSwatches?: boolean;
/** Whether to show color input fields */
showInputs?: boolean;
/** Input format for color values */
inputFormat?: "hex" | "rgb" | "hsl" | "hsv";
/** Color change handler */
onChange?: (color: string, hsv: HSV, rgb: RGB, alpha?: number) => void;
/** Alpha change handler */
onAlphaChange?: (alpha: number) => void;
/** Respect user's motion preferences */
respectMotionPreference?: boolean;
}
export declare const GlassColorWheel: React.ForwardRefExoticComponent<GlassColorWheelProps & React.RefAttributes<HTMLDivElement>>;
export default GlassColorWheel;
//# sourceMappingURL=GlassColorWheel.d.ts.map