Textarea

core

멀티라인 텍스트 입력. Input과 동일한 API (label, error, hint).

컴포넌트 의존 관계

깊이

100%

Basic

설명

메모

With Hint

자기소개

500자 이내로 작성하세요

Error State

필수 입력

필수 입력 항목입니다

Resize Options

크기 조절 없음

세로만 조절

테스트 커버리지

2026년 2월 4일5/5 통과

5성공

0실패

5전체

textbox role을 렌더링한다
label을 렌더링하고 연결한다
error 메시지를 표시한다
hint 텍스트를 표시한다
타이핑이 가능하다

Textarea Props

Prop	타입	기본값	설명
`label`	`string`	—	입력 필드 레이블
`error`	`string`	—	에러 메시지
`hint`	`string`	—	힌트 텍스트
`fullWidth`	`boolean`	`false`	전체 너비 사용
`resize`	`"none" \| "vertical" \| "horizontal" \| "both"`	`"vertical"`	크기 조절 방향
`rows`	`number`	`4`	표시 줄 수

Import

tsx

import { Textarea } from "@reopt-ai/opt-ui";

Textarea

core

멀티라인 텍스트 입력. Input과 동일한 API (label, error, hint).

컴포넌트 의존 관계

깊이

100%

Basic

설명

메모

With Hint

자기소개

500자 이내로 작성하세요

Error State

필수 입력

필수 입력 항목입니다

Resize Options

크기 조절 없음

세로만 조절

테스트 커버리지

2026년 2월 4일5/5 통과

5성공

0실패

5전체

textbox role을 렌더링한다
label을 렌더링하고 연결한다
error 메시지를 표시한다
hint 텍스트를 표시한다
타이핑이 가능하다

Textarea Props

Prop	타입	기본값	설명
`label`	`string`	—	입력 필드 레이블
`error`	`string`	—	에러 메시지
`hint`	`string`	—	힌트 텍스트
`fullWidth`	`boolean`	`false`	전체 너비 사용
`resize`	`"none" \| "vertical" \| "horizontal" \| "both"`	`"vertical"`	크기 조절 방향
`rows`	`number`	`4`	표시 줄 수

Import

tsx

import { Textarea } from "@reopt-ai/opt-ui";