Footer - Minimal - VA.gov Design System

Components

Use with caution: Candidate

The minimal footer can be used when navigating away would 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

Reduce the chance 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 are on VA.gov. However, it removes elements of the standard footer, such additional navigation, in order to reduce the chances of users leaving 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.
A tasks that is time-sensitive. The minimal footer is also appropriate when a user must complete a task in a timely fashion and thus navigating away would put task completion at risk.
An experience outside of the VA.gov site-wide information architecture. Some experiences do not exist within the information architecture of VA.gov or have already implemented a distinct navigation pattern and thus can also use the minimal footer.

Use with the Header - Minimal. The minimal footer should be used in conjunction with the minimal header.

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

Guidance: Examples, usage, code usage, content considerations, and accessibility considerations are all complete.
Research: VFS team conducted research on this component which is linked from this page.
Stability: Component has been in production for more than 3 months with no significant issues found.
Adoption: Multiple teams have adopted this component.

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

Variations: Storybook includes all variations (style, size, orientation, optional iconography, selection, error state, etc.)
Responsive: Component depicted in all responsive breakpoints.
Interactive states: Includes all interactive states that are applicable (hover, active, focus, keyboard focus, disabled).
Tokens: All design attributes (color, typography, layout, etc.) are available as tokens.
Internationalization: Describes i18n attributes.

Variations: Sketch library includes all variations (style, size, orientation, optional iconography, selection, error state, etc.)
Responsive: Component designed to work in all responsive breakpoints.
Interactive states: Includes all interactive states that are applicable (hover, active, focus, keyboard focus, disabled).
Tokens: All design attributes (color, typography, layout, etc.) are available as tokens.

63% complete (7 of 11)

Legend: