Checkbox

Guidance

Use a checkbox when you need the user to make a single yes or no choice, or to confirm something specific. For example, a checkbox works well for asking if a user wants to receive email or status updates.

For getting consent to terms, use the opt-in consent checkbox pattern. This is appropriate when asking users to consent to legal, privacy, or other types of agreements.

Checkboxes should always be clearly labelled so users understand exactly what they are agreeing to or choosing. Do not use them when the decision is complex or when more than one option must be selected, in those cases, use a checkbox group.

Checkbox

<!-- Checkbox -->
<fieldset class="gnb-checkboxes">
	<legend>Do you want to recieve status updates?</legend>
	<div class="pair">
		<input type="checkbox" name="yes" id="yes">
		<label for="yes">Yes</label>
	</div>
</fieldset>