Get started

Get the tools and building blocks to design and develop consistent and accessible experiences.

Start developing Start designing

Preferred language

Allows user to select preferred language.

Guidance

Use radio buttons to allow users to select their preferred language.


Preferred language

Preferred language

HTML

<fieldset class="gnb-radio-buttons">
<legend>Preferred language</legend>
	<div class="pair">
		<input type="radio" name="preferred-language" id="english" checked>
		<label for="english">English</label>
	</div>
	<div class="pair">
		<input type="radio" name="preferred-language" id="francais">
		<label for="francais">Français</label>
	</div>
</fieldset>