UNPKG

@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
/** * @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;