@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
36 lines (35 loc) • 1.12 kB
TypeScript
/**
* @fileoverview Glassmorphic Input Component
* A form input component with glassmorphic styling and validation states
*/
import React from 'react';
import type { GlassIntensity } from '../../types/theme';
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
/** Input variant */
variant?: 'filled' | 'outlined' | 'glass';
/** Input size */
size?: 'sm' | 'md' | 'lg';
/** Glass effect intensity */
glassIntensity?: GlassIntensity;
/** Input state */
state?: 'default' | 'error' | 'warning' | 'success';
/** Label text */
label?: string;
/** Helper text */
helperText?: string;
/** Error message */
error?: string;
/** Whether input is full width */
fullWidth?: boolean;
/** Start icon */
startIcon?: React.ReactNode;
/** End icon */
endIcon?: React.ReactNode;
/** Custom className */
className?: string;
}
/**
* Glassmorphic Input Component
*/
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
export default Input;