Radio extras hidden then indented
radio-extras-hidden-then-indented
Radio extras: additional fields stay hidden, then show indented under the selected radio — not a second “radios vs checkboxes” row.
Description
Suomi.fi radio extras stay hidden until that radio is selected, then appear indented under it—not as a second radios-versus-checkboxes row. Showing extras for unselected radios, or placing them unindented and disconnected from the choice, breaks the progressive disclosure. Reveal only the selected branch and keep it visually nested under that radio so the relationship stays obvious.
When to use
Radios that reveal follow-up fields only for the chosen option.
Not when
Independent checkbox groups, or always-visible related fields that are not radio extras.
Agent hint
Hide radio extras until selection; show them indented under the chosen radio.
Extra fields for a radio are hidden until that radio is selected, then appear indented under it.
Extra fields for unselected radios are visible; extras appear unindented / disconnected from the selected radio.
Citations
Suomi.fi — RadioButton
https://designsystem.suomi.fi/components/radiobutton/