Textarea
Multi-line text input with optional label, helper text, and error state.
Live Demo
Up to 500 characters.
Message is required.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | componentPages.textarea_prop_label |
helperText | string | — | componentPages.textarea_prop_helperText |
error | string | — | componentPages.textarea_prop_error |
rows | number | 4 | componentPages.textarea_prop_rows |
resize | 'none' | 'vertical' | 'horizontal' | 'both' | 'vertical' | componentPages.textarea_prop_resize |
disabled | boolean | false | componentPages.textarea_prop_disabled |
placeholder | string | — | componentPages.textarea_prop_placeholder |
id | string | — | componentPages.textarea_prop_id |
Usage
import { Textarea } from '@ghiberti85/ui'
// Basic
<Textarea id="bio" label="Bio" placeholder="Tell us about yourself" />
// With helper text
<Textarea id="notes" label="Notes" helperText="Max 500 characters" />
// With error
<Textarea id="msg" label="Message" error="Message is required" />
// Disabled
<Textarea id="msg" label="Message" disabled />
// Custom rows and resize
<Textarea id="desc" label="Description" rows={6} resize="none" />