Components · Form & Input
Textarea
StableSince v0.0.1
A multi-line text input with configurable resize behaviour, size, and validation states.
import { Textarea } from '@nexub/react';Examples
Default
Sizes
Invalid
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | — | Placeholder text shown when the field is empty. |
| disabled | boolean | — | Disables the textarea. |
| invalid | boolean | — | Applies error styling to indicate a validation failure. |
| rows | number | — | Initial visible row count. |
| resize | 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical' | Controls resize handle visibility. |
| size | 'sm' | 'md' | 'lg' | 'md' | Controls font size and padding. |
On iOS & Android
Web only
Textarea has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.