Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Latest release: Component Library: v54.0.0 released on Oct 27, 2025 | Guidance: Sprint 14 released on Oct 27, 2025 | Figma: Changelog

About

What's new?

The latest news and updates on the VA Design System.

Guidance Updates

Sprint 14
October 27, 2025

What’s Changed

Full Changelog: https://github.com/department-of-veterans-affairs/vets-design-system-documentation/compare/Sprint-13…Sprint-14

Sprint 13
October 13, 2025

What’s Changed

Full Changelog: https://github.com/department-of-veterans-affairs/vets-design-system-documentation/compare/Sprint-12…Sprint-13

Sprint 12
September 29, 2025

What’s Changed

Full Changelog: https://github.com/department-of-veterans-affairs/vets-design-system-documentation/compare/Sprint-11…Sprint-12

VADS Component Library Releases

v54.0.0
October 27, 2025

What’s Changed

Breaking Changes

  • va-file-input: always show Delete & Change file options on error messages by @it-harrison in #1832

New Features & Components 🎉

Fixes

  • va-file-input: bugfix for aria-labels not rendering on buttons by @powellkerry in #1819
  • va-telephone: fix bug where extensions were not rendering for international phone numbers by @powellkerry in #1815
  • va-file-input: prevent links from being focussed inside pdf preview by @powellkerry in #1817
  • va-link-action: underline link on primary version by @powellkerry in #1820
  • va-memorable-date: prevent race conditions with external validation by @it-harrison in #1831
  • va-accordion-item: prevent selection of non-direct children as slot header by @powellkerry in #1835
  • va-alert: add word-wrap on headline and body by @powellkerry in #1837

Other Changes

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v53.2.0…v54.0.0

v53.2.0
October 13, 2025

What’s Changed

New Features & Components 🎉

Fixes

  • va-memorable-date: Add translations for date hint and pass hint portions to child input components by @RyanMunsch in #1793
  • font resize component fixes: phase 1 by @amyleadem in #1795
  • va-file-input: update message when wrong file-type uploaded by @it-harrison in #1803
  • va-combo-box: optgroup duplication and value bugs by @powellkerry in #1807

Other Changes

  • css-library: add font-size and line-height tokens and utility classes for bitter and monospace fonts by @powellkerry in #1786

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v53.1.0…v53.2.0

v53.1.0
September 29, 2025

What’s Changed

New Features & Components 🎉

  • va-accordion: create separate buttons for “expand all” and “collapse all” by @amyleadem in #1772
  • va-memorable-date: add labelHeaderLevel prop by @powellkerry in #1775
  • va-text-input: add the vaInput custom event by @jamigibbs in #1798
  • va-text-input: add password type variation by @RyanMunsch in #1787
  • va-file-input: use new password variation to mask file password by @RyanMunsch in #1787

Fixes

  • va-table: add interactive elements to a cell by @ediiotero in #1752
  • va-button-segmented: update details payload for analytics event by @RyanMunsch in #1779
  • va-file-input: replace <hr/> element with a border on parent by @RyanMunsch in #1792

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v53.0.0…v53.1.0

Figma Component Library Changelog

Content Style Guide Updates

August 2025

Dates, times, phone numbers, and addresses

Added an exception to time zone formatting for automated time stamps:

For automated time stamps from the time library used in vets-website (date-fns), the time zone uses the 3-letter format (ex. EDT).

  • Revised guidance on inline/embedded links:

    In general, put a link on a separate line to help it stand out. Have a case where you think an inline link might be necessary due to space limitations? Contact the centralized content team for help with your content.

  • Fixed broken link to the Links component page.

Numbers, signs, and symbols

  • Changed the page title to Numbers, signs, and symbols
  • Added the ampersand information (moved from the Punctuation page; no changes to the guidance)
  • Clarified that there are no spaces around degree symbols or percent signs
  • Revised the guidance on using “1” versus “one” to only use “one” with certain expressions:

    Spell out “one” when it’s used in expressions like one-to-one, one-on-one, one-time, and “one of the reasons…” Use the numeral “1” for all other instances.

  • Made edits to the rest of the page to align with our style (these edits don’t affect guidance)

Punctuation

  • Removed the information on ampersands (moved this to the Numbers, signs, and symbols page)
  • Added an exception for using quotes when referring to buttons, section titles, etc. if the text is already bold:

    Note: If the text is already bold (like in some error messages), we can use quotation marks to reference buttons, screens, or section headers.

  • Made edits to the rest of the page to align with our style (these edits don’t affect guidance)
Edit this page in GitHub (Permissions required)
Last updated: Oct 15, 2025