aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
98 lines • 2.29 kB
TypeScript
import React from "react";
export interface GlassInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
/**
* GlassInput variant
*/
variant?: "default" | "filled" | "outlined" | "minimal";
/**
* GlassInput size
*/
size?: "sm" | "md" | "lg";
/**
* GlassInput state
*/
state?: "default" | "error" | "warning" | "success";
/**
* Whether input is full width
*/
fullWidth?: boolean;
/**
* Left icon
*/
leftIcon?: React.ReactNode;
/**
* Right icon
*/
rightIcon?: React.ReactNode;
/**
* Helper text
*/
helperText?: string;
/**
* Error text
*/
errorText?: string;
/**
* Loading state
*/
loading?: boolean;
/**
* Clear button
*/
clearable?: boolean;
/**
* Custom clear function
*/
onClear?: () => void;
/**
* Accessible label for the input
*/
label?: string;
/**
* ID of element that labels the input
*/
"aria-labelledby"?: string;
/**
* ID of element(s) that describe the input
*/
"aria-describedby"?: string;
/**
* Whether the input is required
*/
"aria-required"?: boolean;
/**
* Whether the input value is invalid
*/
"aria-invalid"?: boolean;
/**
* ID of error message element
*/
"aria-errormessage"?: string;
/**
* Glass material variant
*/
material?: "glass" | "liquid";
/**
* Material properties for liquid glass
*/
materialProps?: {
ior?: number;
thickness?: number;
tint?: {
r: number;
g: number;
b: number;
a: number;
};
variant?: "regular" | "clear";
quality?: "ultra" | "high" | "balanced" | "efficient";
};
}
/**
* GlassInput component
* A glassmorphism input field with various states and configurations
*/
export declare const GlassInput: React.ForwardRefExoticComponent<GlassInputProps & React.RefAttributes<HTMLInputElement>>;
export { GlassTextarea as GlassTextArea } from "./GlassTextarea";
export type { GlassTextareaProps as GlassTextAreaProps } from "./GlassTextarea";
//# sourceMappingURL=GlassInput.d.ts.map