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

Divider

Use: Best practice
Dividers are used sparingly to separate significant sections of content

Example

Stars

See this in Storybook

Usage

When to use divider

  • To signify a change in topic, content type, or expected interaction.
  • To create visual separation between chunks of content. Divider can help users distinguish between blocks of similar content at-a-glace.

When to consider something else

  • Avoid using divider between short, individual items that are in close proximity with one another, unless they are separating navigation links. Consider using white space or headers instead to create vertical separation.
  • Use a background color box or card to separate a chunk of interactive elements, like search controls, from a list of search results.
Edit this page in GitHub (Permissions required)
Last updated: Jun 25, 2024