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.4.1 released on Dec 19, 2025 | Guidance: Sprint 18 released on Dec 22, 2025 | Figma: Changelog

About

What's new?

The latest news and updates on the VA Design System.

Guidance Updates

Sprint 18
December 22, 2025

What’s Changed

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

Sprint 17
December 8, 2025

What’s Changed

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

Sprint 16
November 24, 2025

What’s Changed

New Contributors

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

VADS Component Library Releases

v54.4.1
December 19, 2025

What’s Changed

Fixes

  • Build failure fix: Downgrade web-components react version to 17 by @amyleadem in #1931

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v54.4.0…v54.4.1

v54.4.0
December 18, 2025

What’s Changed

New Features & Components 🎉

Fixes

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v54.3.0…v54.4.0

v54.3.0
December 8, 2025

What’s Changed

New Features & Components 🎉

Fixes

  • va-omb-info: add clickToClose to modal by @powellkerry in #1905
  • va-crisis-line-modal: add option to only render modal, open modal via custom document event by @powellkerry in #1895
  • va-alert: add screen reader text to announce alert status by @jamigibbs in #1847
  • va-tag-status: Update sr-only text and screenReaderText prop by @RyanMunsch in #1896

Full Changelog: https://github.com/department-of-veterans-affairs/component-library/compare/v54.2.0…v54.3.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