Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Patterns

Ask users for…

Relationship to Veteran

Use: Deployed
Follow this pattern to ask a user for their relationship to the Veteran.

Usage

When to use this pattern

  • Asking for the relationship to the Veteran. For example, when a caregiver is filling out a form.

Examples

Relationship to Veteran

An example of asking the relationship to the Veteran with radio buttons.
Example of asking the relationship to the Veteran with radio buttons.

View an example

How to design and build

How this pattern works

  • Use either a drop down or radio buttons. Options should include spouse, child, parent, executor/administrator of estate or other.
  • Provide a way to give a ‘None of the above’ answer. A radio button labeled “Other” should be provided.

Conditionally revealed fields

Conditionally revealed fields can be used if the following conditions are met:

  1. There should only be one reveal on a page.
  2. When the revealed trigger is selected, you must be able to tab directly into the newly revealed field (Which is why we’ve put the “other” question last.)
  3. The newly revealed question field must be understood by itself. For example, don’t just say “Other”. Instead say:

Since your relationship with the veteran was not listed, please describe it here

An example of a conditionally revealed field
Example of asking the relationship to the Veteran with radio buttons and a conditionally revealed field.

Components used in this pattern

Page templates available for this pattern

Use the VADS templates (Patterns & Forms) for Relationship to Veteran in Figma.

Code usage

relationshipToVeteranPattern is a web-component pattern available in the Forms library.

Content considerations

Error message templates for addresses

When a user doesn’t select a relationship…
Say “Please select your relationship to the Veteran”
Edit this page in GitHub (Permissions required)
Last updated: Feb 06, 2024