USWDS Monthly Call: Form Components Update

<!DOCTYPE html> <html lang="en-US" itemscope itemtype="http://schema.org/WebSite" prefix="og: http://ogp.me/ns#" > <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script async type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS" ></script>  <script> dataLayer = [ { "content-type": "resource+page", topics: "design, analytics, Tag+Manager", }, ]; </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-MZCKZPQ"); </script>   <title>USWDS Monthly Call: Form Components Update – Digital.gov</title>  <meta name="description" content="For the July 2020 USWDS, Dan Williams, USWDS product lead, led a demonstration of several newly released USWDS components." /> <meta name="keywords" content="digital, government, technology, civic-tech,software-engineering, design" />  <meta property="og:title" content="USWDS Monthly Call: Form Components Update" /> <meta property="og:description" content="For the July 2020 USWDS, Dan Williams, USWDS product lead, led a demonstration of several newly released USWDS components." /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://digital.gov/event/2020/07/16/uswds-monthly-call-july-2020/" /> <meta property="og:site_name" content="Digital.gov" /> <meta name="robots" content="index, follow" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://s3.amazonaws.com/digitalgov/uswds-2-illio-feature-image_w1200.png" /> <meta property="og:image:alt" content=" " /> <meta property="og:video" content="https://www.youtube.com/v/Hdl77ER-RY8" /> <meta property="fb:admins" content="100000569454928" /> <meta property="article:publisher" content="https://www.facebook.com/digitalgov" /><meta property="article:published_time" content="2020-07-16T14:30:00-0500" /><meta property="article:modified_time" content="2025-03-11T14:52:35-0500" />   <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Digital_Gov" /> <meta name="twitter:creator" content="@Digital_Gov" /> <meta name="twitter:image:src" content="https://s3.amazonaws.com/digitalgov/uswds-2-illio-feature-image_w1200.png" /> <meta property="twitter:description" content="For the July 2020 USWDS, Dan Williams, USWDS product lead, led a demonstration of several newly released USWDS components." /> <meta property="twitter:title" content="USWDS Monthly Call: Form Components Update" />    <link href="https://digital.gov/event/2020/07/16/uswds-monthly-call-july-2020/index.json" data-proofer-ignore rel="alternate" type="application/json" title="Digital.gov" />  <link rel="sitemap" type="application/xml" title="Digital.gov Sitemap" href="https://digital.gov/sitemap.xml" /> <meta name="theme-color" content="#656bd7" /> <meta name="msvalidate.01" content="A662823C2F59EB4F55F752CC752AC299" />  <link rel="stylesheet" href="https://digital.gov/dist/styles.css" type="text/css" media="all" /> <script src="https://digital.gov/dist/js/uswds-init.min.js"></script>  <link rel="apple-touch-icon" sizes="180x180" href="https://digital.gov/img/icons/apple-touch-icon.png?v=3" /> <link rel="icon" type="image/png" sizes="32x32" href="https://digital.gov/img/icons/favicon-32x32.png?v=3" /> <link rel="icon" type="image/png" sizes="16x16" href="https://digital.gov/img/icons/favicon-16x16.png?v=3" /> <link rel="manifest" href="https://digital.gov/img/icons/site.webmanifest?v=3" /> <link rel="mask-icon" href="https://digital.gov/img/icons/safari-pinned-tab.svg?v=3" color="#0076d6" /> <link rel="shortcut icon" href="https://digital.gov/img/icons/favicon.ico?v=3" /> <meta name="msapplication-TileColor" content="#0076d6" /> <meta name="theme-color" content="#ffffff" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> </head> <body class="events page"><noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZCKZPQ" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript>  <div class="paper"><a class="usa-skipnav" href="#main-content">Skip to main content</a> <section class="usa-banner gov-banner" aria-label="Official website of the United States government" > <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"><img aria-hidden="true" class="usa-banner__header-flag" src="/uswds/img/us_flag_small.png" alt="" width="16" height="11" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here’s how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default-default" > <span class="usa-banner__button-text">Here’s how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default-default" > <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-dot-gov.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong> <br /> A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-https.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> ( <span class="icon-lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false" > <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default"> Locked padlock </desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span >) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </section> <section class="dg-site-alert usa-site-alert usa-site-alert--info " aria-label="Site alert" > <div class="usa-alert"> <div class="usa-alert__body"> <h3 class="usa-alert__heading">Guidance for U.S. government websites and social media</h3> <ul class="usa-list"> <li><a href="/california-wildfires">digital.gov/california-wildfires</a></li> <li><a href="/hurricane-helene">digital.gov/hurricane-helene</a></li> </ul> </div> </div> </section> <script type="text/javascript"> const links = document.querySelectorAll(".dg-site-alert a"); links.forEach((link) => link.classList.add("usa-link")); </script> <div class="usa-overlay"></div> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <em class="usa-logo__text"> <a href="https://digital.gov/" title="Digital.gov Home" aria-label="Digital.gov Home" > <img class="logo-black" src="https://digital.gov/img/digitalgov-logo.svg" alt="Digital.gov Logo" width="220" height="36" /> </a> </em> <p class="sub-head display-none">Guidance on building better digital services in government</p> </div> <button class="usa-menu-btn"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-2px" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#menu"></use> </svg> Menu </button> </div> <nav aria-label="Primary navigation" class="usa-nav"> <div class="usa-nav__inner"> <button class="usa-nav__close"> <img src="/uswds/img/close.svg" alt="close" /> </button><ul class="usa-nav__primary usa-accordion"><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/news/" ><span>Blogs</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/events/" ><span>Events</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/resources/" ><span>Resources</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/communities/" ><span>Communities</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/guides/" ><span>Guides</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/job-board/" ><span>Job board</span></a > </li></ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/subscribe" ><span>Subscribe to our newsletter</span></a > </li> </ul> <form accept-charset="UTF-8" action="https://find.digitalgov.gov/search" id="search_form" method="get" class="usa-search usa-search--small" > <input name="utf8" type="hidden" value="✓" /> <input id="affiliate" name="affiliate" type="hidden" value="digitalgov" /> <div role="search"> <label class="usa-sr-only" for="query">Search small</label> <input class="usa-input" id="query" type="search" name="query" /> <button class="usa-button" name="commit" type="submit"> <img src="/uswds/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /> </button> </div> </form> </div> </div> </nav> </header> <main role="main" id="main-content" class="event"> <article class="grid-container-desktop"><nav class="usa-breadcrumb usa-breadcrumb--wrap" aria-label="Breadcrumb"> <ol class="usa-breadcrumb__list"> <li class="usa-breadcrumb__list-item"> <a href="https://digital.gov/" class="usa-breadcrumb__link"> <span>Home</span> </a> </li> <li class="usa-breadcrumb__list-item"> <a href="https://digital.gov/events/" class="usa-breadcrumb__link" aria-label="Back to Events" > <span> Events</span> </a> </li> <li class="usa-breadcrumb__list-item usa-current" aria-current="page"> <span> USWDS Monthly Call: Form Components Update</span> </li> </ol> </nav> <header> <div class="dg-page-header"> <h1> USWDS Monthly Call: Form Components Update </h1> <div class="deck"> For the July U.S. Web Design System Product Lead, Dan Williams, talked about the design system and answered audience questions. </div> </div> <p class="datetime"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#calendar_today" ></use> </svg> Thursday, July 16, 2020 <span>2:30 PM – 3:30 PM ET </span> </p><p class="host"> Hosted by Digital.gov and the U.S. Web Design System </p></header> <section class="dg-youtube"> <div class="grid-row"> <div class="grid-col-12"> <section class="video-box"> <div class="youtube-player"> <iframe src="https://www.youtube.com/embed/Hdl77ER-RY8" title="USWDS Monthly Call: Form Components Update (Jul 2020)" frameborder="0" allowfullscreen="1" ></iframe> </div> </section> </div> </div> </section><section class="grid-row tablet-lg:grid-gap-4"> <div class="grid-col-12 tablet:grid-col-9"> <div class="content usa-prose"> <div class="image image-right"> <img src="https://s3.amazonaws.com/digitalgov/uswds-logo_w200.png" alt='The U.S. Web Design System logo' srcset="https://s3.amazonaws.com/digitalgov/uswds-logo_bu.jpg 48w,https://s3.amazonaws.com/digitalgov/uswds-logo_w400.png 400w,https://s3.amazonaws.com/digitalgov/uswds-logo_w200.png 200w" sizes="(max-width: 600px) 40vw, 400px" /></div> <p>This month, Dan Williams, USWDS product lead, led a demonstration of several newly released USWDS components, including file input, breadcrumb, tooltip, and the long-awaited date picker. Dan and team also discussed updates to the USWDS gov banner.</p> <p>This event is part of a monthly series that takes place on the third Thursday of each month. We post the video on Digital.gov shortly after each event.</p> <p>USWDS is a library of principles, guidance, and code to help government teams design and build fast, accessible, mobile-friendly government websites backed by user research and modern best practices.</p> <h2 id="about-the-uswds">About the USWDS</h2> <p><a href="https://designsystem.digital.gov/"><strong>The U.S. Web Design System</strong></a> is a toolkit of principles, guidance, and code to help government teams design and build accessible, mobile-friendly websites backed by user research and modern best practices.</p> <ul> <li><a href="https://designsystem.digital.gov/">The U.S. Web Design System</a></li> <li><a href="https://github.com/uswds/uswds/issues">Contribute on GitHub</a></li> <li><a href="mailto:uswds@support.digitalgov.gov">Email Us</a></li> <li><a href="https://digital.gov/communities/uswds/">Join our community</a></li> <li><a href="https://twitter.com/uswds">Follow @uswds on Twitter</a></li> </ul> </div> <script src="https://touchpoints.app.cloud.gov/touchpoints/dc4265f6.js" async ></script> <section class="touchpoints-form-container"> <button id="touchpoints-modal-button" class="usa-button" type="button"> Was this page helpful? </button> </section> </div> <div class="dg-sidebar grid-col-12 tablet:grid-col-3"> <h4>In this talk</h4> <div class="authors-list "> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/Ben-Judy-Flexion.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/ben-judy/ " title="Posts by Ben Judy" rel="author" aria-label="Read more articles by Ben Judy" >Ben Judy</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/thisisdano.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/dan-williams/ " title="Posts by Dan Williams" rel="author" aria-label="Read more articles by Dan Williams" >Dan Williams</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/mejiaj.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/james-mejia/ " title="Posts by James Mejia" rel="author" aria-label="Read more articles by James Mejia" >James Mejia</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/jaredcunha.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/jared-cunha/ " title="Posts by Jared Cunha" rel="author" aria-label="Read more articles by Jared Cunha" >Jared Cunha</a > </div> </div> <div class="author usa-media-block"> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/william-bagayoko/ " title="Posts by William Bagayoko" rel="author" aria-label="Read more articles by William Bagayoko" >William Bagayoko</a > </div> </div> </div> <article class="dg-promos dg-related-communities"> <h3 class="dg-promos__heading">Join a Community</h3> <ul class="dg-promos__list"><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/communicators/?promo" title="Visit Join the Communicators community page" class="dg-promos__link" > Join the Communicators </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/contact-center/?promo" title="Visit Join the Contact Center community page" class="dg-promos__link" > Join the Contact Center </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/multilingual/?promo" title="Visit Join the Multilingual community page" class="dg-promos__link" > Join the Multilingual </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/plain-language/?promo" title="Visit Join the Plain Language community page" class="dg-promos__link" > Join the Plain Language </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/social-media/?promo" title="Visit Join the Social Media community page" class="dg-promos__link" > Join the Social Media </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/user-experience/?promo" title="Visit Join the User Experience community page" class="dg-promos__link" > Join the User Experience </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/web-analytics-and-optimization/?promo" title="Visit Join the Web Analytics community page" class="dg-promos__link" > Join the Web Analytics </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/web-content-managers/?promo" title="Visit Join the Web Managers community page" class="dg-promos__link" > Join the Web Managers </a> </li></ul> <footer class="dg-promos__footer"> <a href="/communities" class="dg-promos__more-link dg-more-link" > <span> See all 34 communities </span> <svg class="usa-icon dg-icon dg-icon--small margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_forward" ></use> </svg> </a> </footer> </article> <article class="list-topics"> <h3 class="dg-promos__heading">Related Topics</h3> <a href="https://digital.gov/topics/design/" data-topic="design" >Design</a > <a href="https://digital.gov/topics/software-engineering/" data-topic="software-engineering" >Software engineering</a ></article> <section class="share-tools"> <div class="grid-row"> <div class="grid-col-4"> <a class="twitter" aria-label="Share on Twitter" target="_blank" rel="noreferrer" href="http://twitter.com/share?url=https://digital.gov%2fevent%2f2020%2f07%2f16%2fuswds-monthly-call-july-2020%2f&text=USWDS%20Monthly%20Call%3a%20Form%20Components%20Update" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x"></use> </svg> </a> </div> <div class="grid-col-4"> <a class="facebook" aria-label="Share on Facebook" target="_blank" rel="noreferrer" href="https://www.facebook.com/sharer/sharer.php?u=https://digital.gov%2fevent%2f2020%2f07%2f16%2fuswds-monthly-call-july-2020%2f" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> </a> </div> <div class="grid-col-4"> <a class="linkedin" aria-label="Share on LinkedIn" target="_blank" rel="noreferrer" href="https://www.linkedin.com/sharing/share-offsite/?url=https://digital.gov%2fevent%2f2020%2f07%2f16%2fuswds-monthly-call-july-2020%2f" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> </a> </div> </div> <div class="grid-row"> <div class="grid-col-6"> <a target="_blank" title="Email this page" class="email" href="mailto:?subject=USWDS%20Monthly%20Call%3a%20Form%20Components%20Update%20%7C%20Digital.gov&body=%20%20%0A-------%0AUSWDS%20Monthly%20Call%3a%20Form%20Components%20Update%0Ahttps://digital.govhttps%3a%2f%2fdigital.gov%2fevent%2f2020%2f07%2f16%2fuswds-monthly-call-july-2020%2f%3Fem%0A-------%0A%0A♥ Sign-up%20for%20the%20Digital.gov%20newsletter%3A%20https%3A%2F%2Fdigital.gov%2Fsubscribe%2F" data-proofer-ignore > <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#mail"></use> </svg> Email</a > </div> <div class="grid-col-6"> <a class="print" href="javascript:window.print()" onclick="window.print();return false;" > <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#print"></use> </svg> Print </a> </div> </div> </section> </div> </section> </article> </main> <section id="newsletter-signup" aria-label="Subscribe to the Digital.gov newsletter" > <div class="grid-container grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-6"> <div class="grid-col-12 tablet:grid-col-7"> <section class="usa-sign-up"> <p class="blurb" id="newsletter-subscribe-description"> <strong>Join 18,000 others in government</strong> and subscribe to our newsletter — a round-up of the best digital news in government and across our field. </p> </section> </div> <div class="grid-col-12 tablet:grid-col-5"> <section class="usa-sign-up" aria-describedby="newsletter-subscribe-description" > <script src="https://public.govdelivery.com/assets/Signup.js" data-account-code="USGSA" data-signup-id="34948" ></script> </section> </div> </div> </div> </section> <footer class="usa-footer usa-footer--big" role="contentinfo"> <section class="return-to-top"> <div class="grid-container grid-container-desktop usa-footer__return-to-top" > <a href="#"> <span>Return to top</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_upward" ></use> </svg> </a> </div> </section> <div class="usa-footer__primary-section"> <div class="grid-container grid-container-desktop"> <nav class="usa-footer__nav" aria-label="Footer navigation"> <div class="grid-row grid-gap-4"> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Learn</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/news/">Blogs</a> </li><li class="usa-footer__secondary-link"> <a href="/events/">Events</a> </li><li class="usa-footer__secondary-link"> <a href="/resources/">Resources</a> </li><li class="usa-footer__secondary-link"> <a href="/communities/">Communities</a> </li><li class="usa-footer__secondary-link"> <a href="/guides/">Guides</a> </li><li class="usa-footer__secondary-link"> <a href="/job-board/">Job board</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Contribute</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/contribute/">Write for us</a> </li><li class="usa-footer__secondary-link"> <a href="/digitalgov-university/">Host an event</a> </li><li class="usa-footer__secondary-link"> <a href="https://github.com/GSA/digitalgov.gov/issues">Submit GitHub issue</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">About</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/about/">About Us</a> </li><li class="usa-footer__secondary-link"> <a href="/policies/">Site Policies</a> </li><li class="usa-footer__secondary-link"> <a href="/about/contact/">Contact Us</a> </li><li class="usa-footer__secondary-link"> <a href="/about/manage-content/">Content schedule</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Social</h4> <ul class="usa-list usa-list--unstyled social-links"> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://twitter.com/digital_gov" >X (Formerly Twitter)</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.facebook.com/digitalgov/" >Facebook</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://youtube.com/@DigitalGov" >YouTube</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.linkedin.com/company/digitalgov-gsa/" >LinkedIn</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#rss_feed" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="/index.xml" >RSS</a > </li> </ul> </section> </div> </div> </nav> </div> </div> </footer> <div class="usa-identifier"> <section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier" > <div class="usa-identifier__container"> <div class="usa-identifier__logos"> <a href="https://www.gsa.gov" class="usa-identifier__logo"> <img class="usa-identifier__logo-img" src="/img/gsa-logo-w100.png" alt="GSA logo" role="img" width="100" height="100" /> </a> </div> <section class="usa-identifier__identity" aria-label="Agency description" > <p class="usa-identifier__identity-domain">Digital.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov">U.S. General Services Administration</a> </p> </section> </div> </section> <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links" > <div class="usa-identifier__container"> <ul class="usa-identifier__required-links-list"> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/about-us" class="usa-identifier__required-link usa-link" > About GSA </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-statement" class="usa-identifier__required-link usa-link" > Accessibility statement </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/freedom-of-information-act-foia" class="usa-identifier__required-link usa-link" > FOIA requests </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/the-no-fear-act" class="usa-identifier__required-link usa-link" > No FEAR Act data </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsaig.gov/" class="usa-identifier__required-link usa-link" > Office of the Inspector General </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/reports/budget-performance" class="usa-identifier__required-link usa-link" > Performance reports </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/website-policies" class="usa-identifier__required-link usa-link" > Privacy policy </a> </li> </ul> </div> </nav> <section class="usa-identifier__section usa-identifier__section--usagov" aria-label="U.S. government information and services" > <div class="usa-identifier__container"> <div class="usa-identifier__usagov-description"> Looking for U.S. government information and services? </div> <a href="https://www.usa.gov/" class="usa-link"> Visit USA.gov </a> </div> </section> </div> </div> <div id="clicks_iframe" class="display-none"></div> </body> <script type="text/javascript">let glossaryPath = null; const glossaryIcon = "\/uswds\/img\/sprite.svg#expand_more" </script> <script src="https://digital.gov/dist/js/uswds.min.js"></script> <script src="https://digital.gov/dist/js/main.js"></script> </html>

CINXE.COM

USWDS Monthly Call: Form Components Update – Digital.gov