TextArea

여러 줄 텍스트 입력 컴포넌트는 긴 텍스트를 입력받는 폼 요소입니다.

기본 사용법

import { TextArea } from '@aift/ui/TextArea';

export default function Preview() {
  return (
    <div className="max-w-md space-y-4">
      <TextArea placeholder="여러 줄 입력하세요" rows={4} />
      <TextArea placeholder="레이블이 있는 텍스트 영역" rows={4} />
      <TextArea placeholder="비활성화된 텍스트 영역" rows={4} disabled />
    </div>
  );
}

import { TextArea } from '@aift/ui/TextArea';export default function Preview() {  return (    <div className="max-w-md space-y-4">      <TextArea placeholder="여러 줄 입력하세요" rows={4} />      <TextArea placeholder="레이블이 있는 텍스트 영역" rows={4} />      <TextArea placeholder="비활성화된 텍스트 영역" rows={4} disabled />    </div>  );}

Props

Prop	Type	Default	Description
label	`string`	-	입력 필드의 레이블
placeholder	`string`	-	플레이스홀더 텍스트
value	`string`	-	입력 값
onChange	`(e: ChangeEvent<HTMLTextAreaElement>) => void`	-	값 변경 핸들러
rows	`number`	`3`	표시할 행 수
disabled	`boolean`	`false`	비활성화 여부
error	`boolean`	`false`	에러 상태
helperText	`string`	-	도움말 텍스트

TextArea

TextArea

기본 사용법

Props

On this page