Skip to content

TextArea

Multi-line text input with label, helper text, error state, and auto-resizing.

import { TextArea } from '@truongdq01/ui';
<TextArea label="Bio" placeholder="Tell us about yourself" maxLength={200} />;
PropTypeDefaultDescription
labelstring-Field label
placeholderstring-Placeholder text
valuestring""Controlled value
onChangeText(text: string) => void-Change handler
onBlur() => void-Blur handler
onFocus() => void-Focus handler
errorstring-Error message
helperTextstring-Hint text
minLinesnumber3Minimum visible lines
maxLinesnumber8Maximum visible lines
maxLengthnumber-Show character counter
disabledbooleanfalseDisable input
autoFocusbooleanfalseAuto focus on mount
accessibilityLabelstring-Accessibility label