module-radio

m-radio

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

<p>
<label class="m-radio u-margin-right-md" for="radio1"><input type="radio" name="radio" id="radio1" class="u-margin-right-sm" value="1">m-radio 1</label>
<label class="m-radio u-margin-right-md" for="radio2"><input type="radio" name="radio" id="radio2" class="u-margin-right-sm" value="2" checked="checked">m-radio 2</label>
<label class="m-radio u-margin-right-md is-error" for="radio3"><input type="radio" name="radio" id="radio3" class="u-margin-right-sm" value="3">m-radio 3</label>
</p>