Checkbox

기본 사용

• 사용 태그 : input[checkbox]

<label class="gn-checkbox"><input type="checkbox">항목 1</label>
<label class="gn-checkbox"><input type="checkbox">item 2</label>

스타일

• medium, small 이 외 크기로 사용하지 않는다.

<div class="gn-checks is-disabled">
  <input type="checkbox" disabled id="ex_chk" alue="" checked=""><label for="ex_chk">체크박스</label> 
</div>
<div class="gn-checks is-small">
  <input type="checkbox" id="ex_chk2"><label for="ex_chk2"></label> 
</div>

크기

<label class="gn-checkbox is-small"><input type="checkbox">Small</label>
<label class="gn-checkbox is-normal"><input type="checkbox">Normal</label>
<label class="gn-checkbox is-medium"><input type="checkbox">Medium</label>
<label class="gn-checkbox is-large"><input type="checkbox">Large</label>

상태 (disabled, invalid)

<label class="gn-checkbox is-disabled"><input type="checkbox" disabled>항목 1</label>
<label class="gn-checkbox is-disabled"><input type="checkbox" disabled>item 2</label>
<label class="gn-checkbox is-invalid"><input type="checkbox">item 2</label>