← Kitchen Sink로 돌아가기
기본 사용법
text prop 또는 slot으로 라벨을 제공할 수 있습니다.
<Checkbox text="기본 체크박스" /> <Checkbox text="체크된 체크박스" checked />
Slot 사용
slot을 사용하여 복잡한 라벨 구조를 만들 수 있습니다.
<Checkbox> <span>이용약관에 동의합니다</span> </Checkbox>
<Checkbox checked> <div> <span>마케팅 수신 동의</span>
<span>프로모션 및 이벤트 정보를 받아보세요</span> </div>
</Checkbox>
상태별 스타일링
checked 및 disabled 상태에 대한 스타일링이 자동으로 적용됩니다.
<Checkbox text="Unchecked" /> <Checkbox text="Checked" checked /> <Checkbox
text="Disabled" disabled /> <Checkbox text="Disabled (Checked)" checked disabled
/>
Checkbox Props
| Prop |
Type |
Default |
Description |
idPrefix |
string |
자동 생성 |
고유 ID 접두사 |
text |
string |
- |
라벨 텍스트 (slot과 함께 사용 가능) |
checked |
boolean |
false |
초기 선택 상태 |
disabled |
boolean |
false |
비활성화 상태 |