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.

Patterns

Content presentation

Featured content components are light blue boxes that call attention to important information.

See this in Storybook

Expandable content

Accordions

Use accordions to hold chunks of sibling content. They can be used in forms in review screens, but for additional context, please use AdditionalInfo.

AdditionalInfo

Use additional info components in forms to provide additional context. The lighter design prevents breaking up the visual progression as the user navigates the form. These can also serve as alternative to where accordions feel too heavy.

How to Choose?

  • Is this content closely tied to a particular message or input on this screen? Use AdditionalInfo
  • Is it more tangentially related? Use accordions
Edit this page in GitHub (Permissions required)
Last updated: Nov 11, 2021