@buddhacognitivelab/theme-glassmorphic
Version:
Enhanced glassmorphic theme package with dual-mode support, advanced glass effects, interactive UI components, and gesture-based interactions
44 lines (43 loc) • 1.48 kB
TypeScript
/**
* @fileoverview TextArea component with glassmorphic styling
*/
import React from 'react';
import type { GlassIntensity } from '../../types/theme';
export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
/** Label for the textarea */
label?: string;
/** Helper text displayed below the textarea */
helperText?: string;
/** Error message to display */
error?: string;
/** Whether the textarea is in an error state */
hasError?: boolean;
/** Size variant */
size?: 'small' | 'medium' | 'large';
/** Visual variant */
variant?: 'default' | 'filled' | 'outlined';
/** Glass effect intensity */
glassIntensity?: GlassIntensity;
/** Whether to show character count */
showCharacterCount?: boolean;
/** Maximum character count */
maxLength?: number;
/** Whether to auto-resize based on content */
autoResize?: boolean;
/** Minimum number of rows */
minRows?: number;
/** Maximum number of rows */
maxRows?: number;
/** Custom class name */
className?: string;
/** Whether the textarea is required */
required?: boolean;
/** Icon to display */
icon?: React.ReactNode;
/** Position of the icon */
iconPosition?: 'start' | 'end';
}
/**
* TextArea component with glassmorphic styling
*/
export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;