Skip to content

Commit

Permalink
feat(EU Usage pages for components): update EU Usage pages for compon…
Browse files Browse the repository at this point in the history
…ents “eu_radio” (#3677)

Automatically generated. Merged on Netlify CMS.
  • Loading branch information
planctus authored Oct 17, 2024
1 parent 5d1cc78 commit 3e14028
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/website/src/pages/eu/components/forms/radio/docs/usage.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand All @@ -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

1 comment on commit 3e14028

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.