REACT-NATIVES
WIRED FOR SPEED
react-natives v2.2.0
Theme
Light
Dark
Get Started
Menu
Components
Form Controls
Textarea
A multi-line text input with variant and size options, built on top of React Native TextInput.
Example
Preview
Code
Props
Textarea Props
Prop
Type
Default
Description
className
string
—
NativeWind utility classes for the textarea.
variant
'outline' | 'filled' | 'underlined'
'outline'
The visual variant of the textarea.
size
'sm' | 'md' | 'lg'
'md'
Controls the font size and padding of the textarea.
isDisabled
boolean
false
Disables the textarea.
isInvalid
boolean
false
Applies invalid/error styling to the textarea.
isReadOnly
boolean
false
Makes the textarea read-only.
Usage Guidelines
When to use
Use Textarea for multi-line text entry such as comments, descriptions, or notes.
Best practices
•
Set a reasonable default height with numberOfLines or style.
•
Use the same variant as your Input components for visual consistency.
•
Wrap with FormControl for labels and validation messages.
Accessibility
Textarea inherits accessibility state from FormControl. Provide clear labels and placeholder text for context.
Related Components
Input
A compound text input component with support for leading/trailing slots, icons, and multiple visual variants.
FormControl
A compound wrapper that provides shared state (disabled, invalid, required, read-only) to its label, helper text, and error message children.
Text
A typographic component for rendering text with built-in size, weight, and decoration variants.
React-Natives
A comprehensive React Native component library.
Documentation
Getting Started
Components
Theming
Community
GitHub
Discord
Twitter
Blog
Support
FAQ
Contact
Contributing
License
© 2026 React-Natives. Wired by WireServers-UI.