From 3e14028fe99bbf20194a090b1b285def69fe7c36 Mon Sep 17 00:00:00 2001 From: planctus Date: Thu, 17 Oct 2024 10:56:18 +0300 Subject: [PATCH] =?UTF-8?q?feat(EU=20Usage=20pages=20for=20components):=20?= =?UTF-8?q?update=20EU=20Usage=20pages=20for=20components=20=E2=80=9Ceu=5F?= =?UTF-8?q?radio=E2=80=9D=20(#3677)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Automatically generated. Merged on Netlify CMS. --- .../src/pages/eu/components/forms/radio/docs/usage.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/website/src/pages/eu/components/forms/radio/docs/usage.md b/src/website/src/pages/eu/components/forms/radio/docs/usage.md index cc11d98cfe8..633d6cf7bc3 100644 --- a/src/website/src/pages/eu/components/forms/radio/docs/usage.md +++ b/src/website/src/pages/eu/components/forms/radio/docs/usage.md @@ -9,7 +9,7 @@ Radio buttons provides a selection with two or more options. Only one option can - use labels as click targets (clicking the label will select that option) - group related fields - order logically (e.g. ages 18-25, ages 25-35, ages, 35-50, over 65) -- indicate whether the input group isoptional - *if it's mandatory, have a neutral option (e.g. other, n/a) selected by default* +- indicate whether the input group is optional - _if it's mandatory, have a neutral option (e.g. other, n/a) selected by default_ - make use of helper text if there are further directions or hints the users may need in completing their goal - write specific and clear error messages, so users understand how to address the error @@ -21,10 +21,10 @@ Radio buttons provides a selection with two or more options. Only one option can ## When to use - when you have under 10 items -- when users need toselect options or toggle settings, for example +- when users need to select options or toggle settings - in forms with multiple non-exclusive options (e.g. search filters) - only one selection can be made ## When not to use -- avoid when more than one option can be selected - use checkboxes instead +- avoid when more than one option can be selected - use [checkboxes](https://ec.europa.eu/component-library/eu/components/forms/checkbox/code/) or [multi-select](https://ec.europa.eu/component-library/eu/components/forms/select/code/) instead