From 7a2480fbdff21235d87fae25e52c78982d0e25fb Mon Sep 17 00:00:00 2001 From: Jill Taylor Date: Wed, 13 Sep 2023 17:02:25 -0400 Subject: [PATCH] Update email-address.md (#2082) Adding "Asking users for an email address" example and link to pattern in mock forms. Co-authored-by: Matthew Dingee <52176351+humancompanion-usds@users.noreply.github.com> --- src/_patterns/ask-users-for/email-address.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/_patterns/ask-users-for/email-address.md b/src/_patterns/ask-users-for/email-address.md index d7f9230eb..da1c14c0f 100644 --- a/src/_patterns/ask-users-for/email-address.md +++ b/src/_patterns/ask-users-for/email-address.md @@ -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: @@ -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%" %} + + + View an example + ## How to design and build ### How this pattern works