텍스트에어리어

텍스트에어리어(Textarea)는 여러 줄의 텍스트를 입력받는 폼 컴포넌트예요. 한 줄만 받는 input과 달리, 긴 문장이나 본문을 작성할 때 사용한답니다. 라벨이나 버튼과 자연스럽게 조합해서 폼을 구성하기 좋아요.

출처: 문서

본문

init 명령으로 프로젝트를 초기화했다면, 다음 명령어로 텍스트에어리어 컴포넌트를 바로 추가할 수 있어요.

CLI Manual

npx shadcn@latest add textarea

다음 코드를 프로젝트에 복사해서 붙여넣어 주세요.

import 경로를 프로젝트 설정에 맞게 바꿔 주세요.

텍스트에어리어 컴포넌트를 import 하고, 입력받을 자리에 배치하면 돼요.

import { Textarea } from "@/components/ui/textarea"

<Textarea />

기본, 비활성, 라벨 포함, 텍스트 포함, 버튼 포함, 폼 등 다양한 상황의 예시가 준비되어 있어요.