ScTextArea

ScTextArea는 여러 줄의 텍스트를 입력할 수 있는 공통 입력 컴포넌트입니다.
v-model을 통해 값이 바인딩되며, 줄 수 조절, 비활성화, 읽기 전용 등 다양한 속성을 지원합니다.

---

✅ 기본 사용법

안 녕 하 세 요

<sc-text-area v-model="text" placeholder="메시지를 입력하세요" />

※ ScTextArea는 전역으로 등록되어 있으므로 import 없이 사용할 수 있습니다.

---

✨ 사용 예시 모음

▸ placeholder 사용

<sc-text-area class="w-[500px]" v-model="comment" placeholder="댓글을 입력하세요" />

---

▸ rows 줄 수 조절

동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 남산 위에 저 소나무 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세

<sc-text-area v-model="text2" :rows="6" />

---

▸ 비활성화 / 읽기 전용

동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 남산 위에 저 소나무 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세

동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 남산 위에 저 소나무 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세

<div class="mt-5 flex gap-3">
  <sc-text-area v-model="text2" disabled />
  <sc-text-area v-model="text2" readonly />
</div>

---

🛠️ 속성 (Props)

이름	타입	기본값	설명
modelValue	string	''	입력 값 (v-model)
placeholder	string	''	안내 문구
rows	number	4	표시할 textarea 행 수
readonly	boolean	false	읽기 전용 여부
disabled	boolean	false	비활성화 여부

---

📤 이벤트 (Emits)

이벤트 이름	설명
update:modelValue	입력 값 변경 (v-model)

---

🔳 슬롯 (Slots)

이 컴포넌트는 슬롯을 지원하지 않습니다.

---

🎨 스타일 클래스

클래스 이름	설명
sc-text-area	전체 wrapper
sc-text-area--disabled	비활성화 상태 스타일
sc-text-area--readonly	읽기 전용 상태 스타일

---

📝 기타 참고사항

• 기본 줄 수는 4줄이며, rows prop으로 조정 가능합니다.
• v-model을 통해 양방향 바인딩이 가능합니다.