Textarea

<Textarea label="XS" labelWidth={80} size="xs" placeholder="Extra Small" />
<Textarea label="SM" labelWidth={80} size="sm" placeholder="Small" />
<Textarea label="MD" labelWidth={80} size="md" placeholder="Medium (기본)" />
<Textarea label="LG" labelWidth={80} size="lg" placeholder="Large" />
<Textarea label="XL" labelWidth={80} size="xl" placeholder="Extra Large" />

<Textarea label="메시지" labelWidth={100} placeholder="내용을 입력하세요" />

<Textarea label="설명" labelWidth={100} placeholder="설명을 입력하세요" required />
<Textarea label="비고" placeholder="비고를 입력하세요" required orientation="vertical" />

<Textarea label="포커스" labelWidth={100} placeholder="클릭하거나 Tab으로 포커스하세요" />

<Textarea label="읽기 전용" labelWidth={100} defaultValue="수정할 수 없는 내용입니다" readOnly />

<Textarea label="코멘트" labelWidth={100} defaultValue="x" error="10자 이상 입력하세요" />
<Textarea label="설명" labelWidth={100} required error="필수 입력 항목입니다" />

<Textarea label="가로 배치" labelWidth={100} placeholder="horizontal (기본)" orientation="horizontal" />
<Textarea label="세로 배치" placeholder="vertical" orientation="vertical" />

<Textarea
  label="소개"
  labelWidth={100}
  placeholder="자기소개를 작성하세요"
  description="간단한 자기소개를 입력해주세요"
/>

<Textarea label="메시지" labelWidth={100} placeholder="메시지를 입력하세요" />
<Textarea label="요약" labelWidth={100} placeholder="리포트 요약을 작성하세요" />

<Textarea label="요약" labelWidth={100} showCount maxLength={500} placeholder="최대 500자" />
<Textarea
  label="코멘트"
  labelWidth={100}
  showCount
  maxLength={200}
  defaultValue="이미 입력된 텍스트가 있는 경우 글자 수가 표시됩니다"
/>

{/* rows 지정 시 고정 높이 + 세로 리사이즈 */}
<Textarea label="고정 높이" labelWidth={100} rows={4} placeholder="세로 방향으로만 크기 조절 가능" />
 
{/* rows 미지정 시 자동 높이 조절 */}
<Textarea label="자동 높이" labelWidth={100} placeholder="내용에 따라 높이가 자동 조절됩니다" />

<Textarea label="비활성화" labelWidth={100} defaultValue="비활성화 상태" disabled />
<Textarea label="읽기 전용" labelWidth={100} defaultValue="읽기 전용 상태" readOnly />