Ocean Road
가이드
컴포넌트
가이드
컴포넌트

TextArea

여러 줄 텍스트 입력 컴포넌트입니다. 선택적으로 라벨과 에러 상태를 표시할 수 있습니다.

사용법

import { TextArea } from '@coldsurfers/ocean-road'

<TextArea
  label="내용"
  placeholder="내용을 입력하세요"
  value={value}
  onChange={(e) => setValue(e.target.value)}
  rows={5}
/>

// 에러 상태
<TextArea
  label="내용"
  isError
  placeholder="에러 상태"
/>

Props

TextareaHTMLAttributes<HTMLTextAreaElement>를 모두 상속합니다.

prop 타입 기본값 설명
label string — 입력 필드 위에 표시될 라벨 텍스트
labelStyle CSSProperties — 라벨 인라인 스타일
noResize boolean true true이면 사용자가 크기를 조절할 수 없습니다.
isError boolean — true이면 에러 스타일을 적용합니다.

인터랙티브 데모

ON THIS PAGE