Checkbox

접근성이 보장된 명확한 시각 상태를 가진 멀티 선택 입력.

기본

Label

Checked Label

Radio Button

<div class="ga-checkbox {checked}">
    <input type="checkbox" />
    <label>Larbel Text</label>
</div>
<!-- use checkbox -->
<!-- useWrapper(pram)); // pram(default: document) is wrapper selector -->

Check Box

<div class="ga-checkbox {checked}">
    <input type="checkbox" />
    <label>Larbel Text</label>
</div>

Check Box

Front-End

Back-End

Design

<div class="ga-checkbox {checked}">
    <input type="checkbox" />
    <label>Larbel Text</label>
</div>

Indeterminate

<div class="ga-checkbox {checked}">
    <input type="checkbox" />
    <label>Larbel Text</label>
</div>

Radio

option 1

option 2

option 3

<div class="ga-checkbox radio {checked}">
    <input type="checkbox" />
    <label>Larbel Text</label>
</div>