ScCheckbox

ScCheckbox는 체크 여부를 선택할 수 있는 공통 체크박스 컴포넌트입니다.
v-model을 통해 Boolean 상태를 양방향으로 바인딩하며, 다양한 사이즈 및 상태, 레이아웃 조정이 가능합니다.

---

✅ 기본 사용법

동의합니다

<sc-checkbox v-model="checked">동의합니다</sc-checkbox>

---

✨ 사용 예시 모음

▸ 기본

기본

<sc-checkbox v-model="value1">기본</sc-checkbox>

---

▸ 비활성화 (disabled)

비활성화

<sc-checkbox v-model="value2" disabled>비활성화</sc-checkbox>

---

▸ 사이즈 조절

SmallMedium

<sc-checkbox v-model="isSmall" size="small">Small</sc-checkbox>
<sc-checkbox v-model="isMedium" size="medium">Medium</sc-checkbox>

---

🛠️ 속성 (Props)

이름	타입	기본값	설명
modelValue	boolean	false	체크 여부 (v-model)
type	String	'default'	체크박스 타입: 'default', 'circle'
disabled	boolean	false	비활성화 여부
size	'small' | 'medium'	'medium'	체크박스 크기
color	String	''	체크박스 색상: '', 'black'
objectUniqKey	String	undefined	객체값 사용 시 고유키 지정

---

📤 이벤트 (Emits)

이벤트 이름	설명
update:modelValue	체크 상태 변경 시 발생
change	체크 상태 변경 시 발생

---

🔳 슬롯 (Slots)

슬롯 이름	설명
default	라벨 텍스트 또는 커스텀 내용

---

🎨 스타일 클래스

클래스 이름	설명
sc-checkbox	체크박스 전체 wrapper
sc-checkbox--disabled	비활성화 상태
sc-checkbox--small	small 사이즈 클래스
sc-checkbox--medium	medium 사이즈 클래스

---