module-checkbox

m-checkbox

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

<p>
<label class="m-checkbox u-margin-right-md" for="checkbox1"><input type="checkbox" name="checkbox1" id="checkbox1" class="u-margin-right-sm" value="1">m-checkbox</label>
<label class="m-checkbox u-margin-right-md" for="checkbox2"><input type="checkbox" name="checkbox2" id="checkbox2" class="u-margin-right-sm" value="2" checked="checked">m-checkbox</label>
<label class="m-checkbox is-error" for="checkbox3"><input type="checkbox" name="checkbox3" id="checkbox3" class="u-margin-right-sm" value="3">m-checkbox</label>
</p>