Skip to content

Commit

Permalink
Update email-address.md (#2082)
Browse files Browse the repository at this point in the history
Adding "Asking users for an email address" example and link to pattern in mock forms.

Co-authored-by: Matthew Dingee <[email protected]>
  • Loading branch information
taylojill and humancompanion-usds authored Sep 13, 2023
1 parent 9bee6c0 commit 7a2480f
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions src/_patterns/ask-users-for/email-address.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ sub-section: ask-users-for
title: Email address
intro-text: "Follow this pattern to ask a user for an email address."
code-link: https://github.com/department-of-veterans-affairs/vets-website/blob/main/src/platform/forms-system/src/js/web-component-patterns/emailPattern.jsx
example-link: https://staging.va.gov/mock-form-patterns/phone-and-email-address
sketch-link: https://www.sketch.com/s/dc844743-277e-41d4-81ba-a48fd0743952/p/7F447374-E091-4BA2-90FC-06AE6DF82F92/canvas
status: use-deployed
anchors:
Expand All @@ -28,6 +29,12 @@ anchors:

{% include component-example.html alt="An information box in a form flow that tells the user that some information has been prefilled from their VA.gov profile." file="/images/patterns/ask-users-for/addresses/prefill.png" caption="Example of an informational message informing a user that information from their profile has been prefilled into the form below." class="x2" %}

### Asking for an email address
{% include component-example.html alt="An example of asking users for an email address." file="/images/patterns/ask-users-for/email-address/email-address.png" caption="Example of asking users for an email address." width="50%" %}

<a class="vads-c-action-link--blue" href="{{ page.example-link }}">
View an example

## How to design and build

### How this pattern works
Expand Down

0 comments on commit 7a2480f

Please sign in to comment.