title

intro

healthcare

Inset (HC.gov)

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

githubLink
ds-healthcare-gov/src/styles/components/_Inset.scss

import loremIpsumGenerator from '../../src/helpers/loremIpsumGenerator'; import { Alert } from '@cmsgov/design-system';

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

Examples

{loremIpsumGenerator('m')}

{loremIpsumGenerator('l')}

{loremIpsumGenerator('m')}

Guidance

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.