Reveal input based on a selection

Progressively reveal additional form fields based on user selections, reducing visual complexity while gathering necessary information.

When to use

Use this pattern when:

• Additional information is only needed for certain options
• You want to reduce initial form complexity
• Follow-up questions depend on user choices
• Creating a more focused, less overwhelming form experience

Considerations

• The revealed input should appear directly below the triggering selection
• Use clear labels that explain what information is needed
• Ensure the reveal animation is smooth and noticeable
• Consider what happens to data if the user changes their selection
• Works with both radio groups (single selection) and checkboxes (multiple selections)