Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updates prefill alert page to align with new prefill pattern #3653

Merged
merged 5 commits into from
Jan 8, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
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"
Loading