For Real, Only Good!!

Checkbox

Multi-select input with accessible and clear visual states.

기본

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>

Radio

option 1

option 2

option 3

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

window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };