Textarea

Textarea is the multi-line counterpart to Input. It wraps the native <textarea>, forwards its ref, and spreads every standard attribute, adding the library's focus, disabled, and invalid styling. It has a sensible minimum height and resizes vertically; reach for TextareaAutosize if you want it to grow with its content instead.

Example

import { Textarea } from '@officina/ui';
import { useState } from 'react';

function Example() {
  const [value, setValue] = useState('');
  return (
    <Textarea
      rows={4}
      placeholder="Add a note…"
      value={value}
      onChange={(e) => setValue(e.target.value)}
    />
  );
}

API

Textarea adds no props of its own. It forwards all standard <textarea> attributes (plus ref and className) to the underlying element.