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.

Components

Footer - Minimal

Use with caution: available Web
Use the minimal footer when navigating away from a form or process could prevent the user from easily accomplishing their main task.
Contributors
Ben Brasso (Agile 6)
Ya-ching Tsao (CivicActions)
Zach Park (Agile 6)
Kristen McConnell (Ad Hoc)

Examples

Default

View va-minimal-footer in Storybook

Usage

When to use Footer - Minimal

  • To reduce the chances of a user leaving a form, process, or task before completing the required steps. The minimal footer retains VA branding so that users still know they’re on VA.gov. However, it removes elements of the standard footer, such as additional navigation, making it less likely that users leave a form or process before completing all the required steps and accomplishing their goal. While most forms support finishing the form later, we still prefer to keep users focused on the task at hand.
  • When a task is time-sensitive. The minimal footer is also appropriate when users must complete a task in a timely fashion, so navigating away would put task completion at risk.
  • When an experience is outside the VA.gov site-wide information architecture. Some experiences don’t exist within the information architecture of VA.gov or have already implemented a distinct navigation pattern, so they can also use the minimal footer.

How this component works

  • Use with the Header - Minimal. Use the minimal footer together with the minimal header.

Placement

  • At the bottom of the page. The minimal footer appears at the bottom of the page.

Code usage

Component checklist

Web Platform

63%

7 of 11 complete

Maturity

Guidance

Web

Examples, usage, code usage, content considerations, and accessibility considerations are all complete.

Research

Web

VFS team conducted research on this component which is linked from this page.

Stability

Web

Component has been in production for more than 3 months with no significant issues found.

Adoption

Web

Multiple teams have adopted this component.

Accessibility

While this component has been previously tested against older criteria, it has not yet been audited with the updated testing criteria.

Code assets

Variations

Web

Storybook includes all variations (style, size, orientation, optional iconography, selection, error state, etc.)

Responsive

Web

Component depicted in all responsive breakpoints.

Interactive states

Web

Includes all interactive states that are applicable (hover, active, focus, keyboard focus, disabled).

Tokens

N/A Web

All design attributes (color, typography, layout, etc.) are available as tokens.

Internationalization

Web

Describes i18n attributes.

Visual assets

Variations

Web

Figma library includes all variations (style, size, orientation, optional iconography, selection, error state, etc.)

Responsive

Web

Component designed to work in all responsive breakpoints.

Interactive states

Web

Includes all interactive states that are applicable (hover, active, focus, keyboard focus, disabled).

Tokens

N/A Web

All design attributes (color, typography, layout, etc.) are available as tokens.

Legend:

  • Complete
  • Incomplete
  • N/A Not applicable

Provide feedback

Share your feedback, report issues, or suggest improvements for the Footer - Minimal component. Your input helps us make the design system better for everyone.

Edit this page in GitHub (Permissions required)
Last updated: Feb 07, 2026