Age group pattern
{{ aspExample({ code: " <div class=\"form__group \">
<fieldset class=\"form__fieldset\">
<legend id=\"AGE\" class=\"form__label\">What is your age group? </legend>
<p class=\"asp-form__error-message asp-form__js-error-message–live\"></p>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-under-18-1\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"Under 18\">
<label class=\"form__label-choices\" for=\"cdemographics-age-under-18-1\">Under 18</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-18-to-24-2\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"18 to 24\">
<label class=\"form__label-choices\" for=\"cdemographics-age-18-to-24-2\">18 to 24</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-25-to-34-3\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"25 to 34\">
<label class=\"form__label-choices\" for=\"cdemographics-age-25-to-34-3\">25 to 34</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-35-to-44-4\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"35 to 44\">
<label class=\"form__label-choices\" for=\"cdemographics-age-35-to-44-4\">35 to 44</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-45-to-54-5\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"45 to 54\">
<label class=\"form__label-choices\" for=\"cdemographics-age-45-to-54-5\">45 to 54</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-55-to-64-6\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"55 to 64\">
<label class=\"form__label-choices\" for=\"cdemographics-age-55-to-64-6\">55 to 64</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-65-to-74-7\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"65 to 74\">
<label class=\"form__label-choices\" for=\"cdemographics-age-65-to-74-7\">65 to 74</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-75-or-above-8\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"75 or above\">
<label class=\"form__label-choices\" for=\"cdemographics-age-75-or-above-8\">75 or above</label>
</div>
<div class=\"form__item–choices\">
<input id=\"cdemographics-age-prefer-not-to-say-9\" type=\"radio\" name=\"AGE\" class=\"form__input-choices form__input-choices–radio\" value=\"prefer not to say\">
<label class=\"form__label-choices\" for=\"cdemographics-age-prefer-not-to-say-9\">Prefer not to say</label>
</div>
</fieldset>
</div>", nunjucks: "", json: "", title: "", example: "", id: "66e177a536eb5" }) }}
Make a change to the Design System
Suggest an edit to this system, or any of the components in it, by submitting a Design System change request.