TextArea Field

The TextArea Field component provides a multi-line text input for collecting longer text content from users, such as descriptions, comments, or notes.

Basic Usage

Basic Textarea

Custom Rows

Larger Textarea

Required Field

Required Textarea

Field Schema

interface TextAreaFieldSchema {
  type: 'textarea';
  name: string;                  // Field name/ID
  label?: string;                // Field label
  placeholder?: string;          // Placeholder text
  rows?: number;                 // Number of visible rows (default: 3)
  value?: string;                // Default value
  required?: boolean;            // Is field required
  readonly?: boolean;            // Read-only mode
  disabled?: boolean;            // Disabled state
  className?: string;            // Additional CSS classes
  
  // Validation
  min_length?: number;           // Minimum character length
  max_length?: number;           // Maximum character length
}

Use Cases

Descriptions: Product descriptions, bio information
Comments: User feedback, review comments
Notes: Meeting notes, task descriptions
Messages: Contact form messages, support tickets

Cell Renderer

When displayed in tables or grids, long text is truncated:

import { TextCellRenderer } from '@object-ui/fields';

// Same renderer as text field - truncates long content