Checkbox - 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 상태에 대한 스타일링이 자동으로 적용됩니다.

Unchecked (선택 안 됨) Checked (선택됨) Disabled Disabled (Checked)

          <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	비활성화 상태