checkbox

チェックボックスとラベルをインライン表示する。input要素ではなく、包括している要素にクラスを付与する(ほとんどの場合、label要素となる)。
余白・レイアウト等は utility > .pcomponent > .form で指定する。
is-error を同時に使用するとエラーがあったときの表示となる。

<p>
<label class="checkbox" for="checkbox1"><input type="checkbox" name="checkbox1" id="checkbox1" value="1"> this is checkbox</label>
<label class="checkbox" for="checkbox2"><input type="checkbox" name="checkbox2" id="checkbox2" value="2" checked="checked"> this is checkbox</label>
<label class="checkbox is-error" for="checkbox3"><input type="checkbox" name="checkbox3" id="checkbox3" value="3"> this is checkbox</label>
</p>