Skip to main content

An official website of the United States government

Here's how you know

Design System

An official website of the United States government

Here's how you know

Theme:

Design system switcher

Version:

Design system switcher

What's new?

View code on GitHub

Theme:

Design system switcher

Version:

Design system switcher

Inset (HC.gov)

The Inset component is meant to draw attention to important content, or to associate a block of content with another element.

Alert:

This component is only used for HealthCare. Please use the theme switcher to view the component with HealthCare styles.

Examples

We the People of the United States, in Order to form a more perfect Union

We the People of the United States, in Order to form a more perfect Union, establish Justice, insure domestic Tranquility, provide for the common defence, promote the general Welfare, and secure the Blessings of Liberty to ourselves and our Posterity, do ordain and establish this Constitution for the United States of America.

We the People of the United States, in Order to form a more perfect Union

Guidance

When to use

  • Use in a progressive disclosure accordion (ie. for help text)
  • Use on its own as a way to distinguish a block of text from its surrounding content.

Component maturity

This component meets 71% of our maturity criteria.

Incomplete criteria

  • Incomplete

    Storybook: Component has stories to cover all defined props.

What does this mean?

Each component is tested against the following items to gauge the component's maturity. When using incomplete components, consider the unmet criteria as applied to your product.

For more information about how we tested and validated our work for each checklist item, read our component maturity documentation.

On this page

Have ideas?