aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
61 lines • 1.43 kB
TypeScript
import React from "react";
export interface GradientStop {
color: string;
position: number;
}
export interface GradientPreset {
id: string;
name: string;
type: "linear" | "radial" | "conic";
angle?: number;
stops: GradientStop[];
}
export interface GlassGradientPickerProps {
/**
* Current gradient
*/
value?: string;
/**
* Gradient presets
*/
presets?: GradientPreset[];
/**
* Enable custom gradient creation
*/
enableCustom?: boolean;
/**
* Show gradient type selector
*/
showTypeSelector?: boolean;
/**
* Show angle control for linear gradients
*/
showAngleControl?: boolean;
/**
* Show color stops editor
*/
showStopsEditor?: boolean;
/**
* Maximum number of color stops
*/
maxStops?: number;
/**
* Gradient change handler
*/
onChange?: (gradient: string, stops: GradientStop[], type: string, angle?: number) => void;
/**
* Preset selection handler
*/
onPresetSelect?: (preset: GradientPreset) => void;
/**
* Custom className
*/
className?: string;
}
/**
* GlassGradientPicker component
* Advanced gradient picker with presets and custom creation
*/
export declare const GlassGradientPicker: React.FC<GlassGradientPickerProps>;
export default GlassGradientPicker;
//# sourceMappingURL=GlassGradientPicker.d.ts.map