Textarea
여러 줄 텍스트 입력 필드.
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 |
npm install @refineui/react @refineui/tokensyarn add @refineui/react @refineui/tokenspnpm add @refineui/react @refineui/tokensbun add @refineui/react @refineui/tokens사용법
섹션 제목: “사용법”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 레퍼런스
섹션 제목: “API 레퍼런스”| Prop | Default | Type | Description |
|---|---|---|---|
| error | false | boolean | 에러 상태 스타일을 표시합니다. |
| success | false | boolean | 성공 상태 스타일을 표시합니다. |
| fullWidth | false | boolean | 부모 전체 너비로 늘어납니다. |
| disabled | false | boolean | 인터랙션을 비활성화합니다. |