@amsterdam/design-system-css
Version:
Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.
19 lines (13 loc) • 830 B
Markdown
<!-- @license CC0-1.0 -->
# Radio
Allows users to select one option from a list.
## Guidelines
- Do not assume that users will know how many options they can select based on the visual difference between Radios and Checkboxes alone.
If needed, add a hint explaining this, for example, ‘Select one option’.
- Order Radios alphabetically by default.
In some cases, it can be helpful to order them from most-to-least common options.
For example, you could order options for ‘Where do you live?’ based on population size.
However you should do this with extreme caution as it can reinforce bias.
If in doubt, order alphabetically.
- Labels should be concise. Try to keep labels shorter than 4 words.
Use a [Checkbox](/docs/components-forms-checkbox--docs) when a user can select more than 1 option from a list.