Radio group · High Contrast
A single-choice list of options with descriptions and trailing details, keyboard operable with a roving tabindex.
Design · High Contrast20 / 20
56 px rows, 28 px radios with 3 px borders, the chosen row hatched and labelled 'Selected' in words.
Motion
The inner dot springs out from the centre of the chosen radio while the row tint fades in.
Accent
A single-choice list of options with descriptions and trailing details, keyboard operable with a roving tabindex.
radioradio-groupsingle-choiceformcheckoutoptionsselection