Textarea
여러 줄의 긴 텍스트를 입력받습니다.
- 성숙도
- 후보
- 소스 경로
components/ui/textarea.tsx- 소스
- 소스
실제 미리보기
사용할 때
사용 기준
문의 내용이나 문서 요약처럼 줄바꿈이 필요한 값에 씁니다.
사용하지 않을 때
코드 편집기나 한 줄 값에는 쓰지 않습니다.
변형과 상태
default고정 예시132px 최소 높이와 세로 크기 조절을 확인합니다.
focus-visible직접 조작긴 글을 입력해도 초점선과 너비가 유지되는지 확인합니다.
미리보기 컨트롤을 직접 조작해 이 상태를 확인합니다.
invalid고정 예시오류 문구가 입력 내용과 함께 읽히는지 확인합니다.
내용을 조금 더 자세히 적어 주세요.
접근성
보이는 레이블을 연결하고 필요하면 글자 수 안내를 설명으로 제공합니다.
API
| 속성 | 타입 | 필수 | 설명 |
|---|---|---|---|
rows | number | 아니요 | 초기 표시 줄 수입니다. |
name | string | 아니요 | 폼 제출에 쓰는 이름입니다. |
사용 예시
지원 importimport { Textarea } from "@/components/ui/textarea"
<Textarea name="message" rows={6} />