Skip to content

Commit

Permalink
Merge pull request #3653 from department-of-veterans-affairs/bp-273-u…
Browse files Browse the repository at this point in the history
…pdate-prefill-alert-page

Updates prefill alert page to align with new prefill pattern
  • Loading branch information
humancompanion-usds authored Jan 8, 2025
2 parents b36209c + 715bce2 commit e0cfff4
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 15 deletions.
7 changes: 4 additions & 3 deletions src/_components/form/html/prefill-intro.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
uswds
visible="true"
>
<p class="vads-u-margin-y--0">
<strong>Note:</strong> Since you’re signed in to your account, we can prefill part of your application based on your account details. You can also save your application in progress and come back later to finish filling it out.
</p>
<h3>We've prefilled some of your information</h3>
Since you’re signed in, we can prefill part of your application
based on your profile details. You can also save your application
in progress and come back later to finish filling it out.
</va-alert>
14 changes: 3 additions & 11 deletions src/_components/form/prefill.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,31 +34,23 @@ anchors:
{% include_relative html/prefill-intro.html %}
</div>

### Step

<div class="site-showcase">
{% include_relative html/prefill-step.html %}
</div>

## Usage

### When to use

* **When prefilling information from the user's profile.** These messages communicate to the user that their profile information has been leveraged to pre-populate the form that they are filling out. The Intro variation, used on the Introduction page, also informs the user that their progress will be saved as they complete the form.
* **When prefilling information from the user's profile.** These messages communicate to the user that their profile information has been leveraged to pre-populate the form that they are filling out and informs the user that their progress will be saved as they complete the form.

### When to consider something else

* **Unauthenticated users.** Users who are unauthenticated should not see this message as we cannot use their profile data to prefill the form.

### How this component works

* **Intro variation uses Alert - Informational.** The Intro variation of this component is an instance of the [Alert - Informational]({{ site.baseurl }}/components/alert#informational-alert) component, but without a header.
* **Step variation uses Alert - Background-only Informational.** The Step variations of this component is an instance of the [Alert - Background-only with icon - Informational]({{ site.baseurl }}/components/alert#background-color-only-alert-with-icon) component.
* **Uses Alert - Informational.** This component is an instance of the [Alert - Informational]({{ site.baseurl }}/components/alert#informational-alert) component, with specific pre-determined content.

### Placement

* The Intro variation of this component appears after the subtitle of the form and before the action link to start the form process on the authenticated variation of the [Form - Introduction]({{ site.baseurl }}/templates/forms/introduction#authenticated) page.
* The Step variation of this component appears after the [Progress bar - Segmented]({{ site.baseurl }}/components/form/progress-bar-segmented) component on a step of the form.
* This component appears after the subtitle of the form and before the action link to start the form process on the authenticated variation of the [Form - Introduction]({{ site.baseurl }}/templates/forms/introduction#authenticated) page.

## Code usage

Expand Down
2 changes: 1 addition & 1 deletion yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -3054,4 +3054,4 @@ yargs@^7.1.0:
string-width "^1.0.2"
which-module "^1.0.0"
y18n "^3.2.1"
yargs-parser "^5.0.1"
yargs-parser "^5.0.1"

0 comments on commit e0cfff4

Please sign in to comment.