Menu
Components
Dual radios
Hey, this is an old version. View the latest
The dual radio button component allows users to make a single selection from two options. They’re often used for yes/no questions.
UX Owner: Charlie Corkbeat
UI Owner: Steven Roberts
Note: This component doesn't yet exist in Storybook, preliminary image(s) shown.
Example
When to use
A dual radio button should be avoided where:
- you’re asking the user to select one out of two options
- the button text on each button is a short word with no risk of wrapping onto a second line
When not to use
Text inputs shouldn’t be used where:
- the button text wraps onto a second line and needs more space (see radio button group instead)
- you are planning to use more than two radios (see radio button group instead)
If the information requested from the user can be (or is likely to be) broken into multiple parts, consider breaking the question into separate text inputs with one part of the answer in each.
Anatomy
Similar components
There are a range of components that either resemble (or are based on) the text input component.
Where to find this component
Documentation version history
Last updated Tuesday, 30th March 2021 09:29 by Gemma D.
Show version history
Changes In This Version
| Changed Field(s) |
|---|
| Name |
| Description |
| Content |
| Status |
| Sketch Cloud Link |
| Zeplin Web Link |
| Variations |
| Sort Order |
Change History
| Change | Date | User |
|---|---|---|
| Version 7 | Tuesday, 30th March 2021 09:29 | Gemma D. |
| Version 6 | Monday, 29th March 2021 21:40 | Gemma D. |
| Version 5 | Monday, 29th March 2021 21:03 | Gemma D. |