Textarea

Contract

Overview

Machine-readable contract from Component Spec.

component: textareaexport: Textareaversion: 1attributes: data-refineui=textarea

Anatomy

Part	data-refineui
root	textarea

Accessibility

Slot	Element	Native
textarea	input	true

Layout

Property	Value
direction	logical
rtl	true

Installation

npmyarnpnpmbun

npm install @refineui/react @refineui/tokens

Usage

import { Textarea } from "@refineui/react";

<Textarea placeholder="Enter your comments..." rows={4} />

<Textarea
  error={hasError}
  value={message}
  onChange={(e) => setMessage(e.target.value)}
  fullWidth
/>

API Reference

Prop	Default	Type	Description
error	false	boolean	Shows error state styling.
success	false	boolean	Shows success state styling.
fullWidth	false	boolean	Stretches to full parent width.
disabled	false	boolean	Disables interaction.