checkbox
チェックボックスとラベルをインライン表示する。input要素ではなく、包括している要素にクラスを付与する(ほとんどの場合、label要素となる)。
余白・レイアウト等は utility > .p
や component > .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>