glassheart-ui-vanilla
Version:
GlassHeart UI - Vanilla JavaScript components
30 lines • 1.1 kB
TypeScript
import { LiquidGlassOptions } from '../utils/useLiquidGlass';
export interface ButtonOptions {
variant?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive' | 'outline' | 'ghost' | 'link';
shape?: 'default' | 'circle' | 'pill';
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
glass?: 'light' | 'medium' | 'heavy';
liquidGlass?: boolean;
liquidGlassOptions?: Partial<LiquidGlassOptions>;
loading?: boolean;
disabled?: boolean;
text?: string;
onClick?: (event: MouseEvent) => void;
onFocus?: (event: FocusEvent) => void;
onBlur?: (event: FocusEvent) => void;
onMouseEnter?: (event: MouseEvent) => void;
onMouseLeave?: (event: MouseEvent) => void;
}
export declare class GlassButton {
private element;
private options;
private liquidGlassHook?;
constructor(options?: ButtonOptions);
private createElement;
private setupLiquidGlass;
private getClassNames;
getElement(): HTMLButtonElement;
updateOptions(newOptions: Partial<ButtonOptions>): void;
destroy(): void;
}
//# sourceMappingURL=GlassButton.d.ts.map