Textarea

v1.0.0

Multi-line text input for larger fields and freeform content.

Import

import { Textarea } from '@meteorack/sdk-react';

How To Use It

Use it for descriptions, templates, notes, or any setting that needs more than a short single-line value.
Prefer textarea over multiple stacked inputs when the value is conceptually one block of text.

Works Well With

Card Button Notice

Props

label?: string

Optional field label rendered above the textarea.

error?: string

Validation message that marks the textarea as invalid.

hint?: string

Helper copy shown below the textarea when no error is present.

...TextareaHTMLAttributes<HTMLTextAreaElement>

Supports standard textarea props such as rows, value, placeholder, and onChange.

Example

Textarea.tsx

import { useState } from 'react';
import { Textarea } from '@meteorack/sdk-react';

export function NotesField() {
  const [notes, setNotes] = useState('');

  return (
    <Textarea
      label="Internal Notes"
      rows={6}
      hint="Visible only to administrators."
      value={notes}
      onChange={(e) => setNotes(e.target.value)}
    />
  );
}

PreviousSlotRenderer NextPagination