Skip to main content
MybringDesign System

Checkbox and radio

Single and multiple choice

Checkbox

Use checkboxes when multiple choices can be made.

Wrap the input with a label element.

<label class="form__check mrm"><input type="checkbox" />Option 1</label>
<label class="form__check mrm"><input type="checkbox" />Option 2</label>
<label class="form__check"><input type="checkbox" disabled/>Option 3</label>

Radio input

Use radio inputs when a single choice can be made. Remove options instead of disabling them.

Wrap the input with a label element.

<label class="form__radio mrm"><input type="radio" name="radios" checked />With tracking</label>
<label class="form__radio mrm"><input type="radio" name="radios" />Without tracking</label>