FigmaAlert:
This component is only used for HealthCare. Please use the theme switcher to view the component with HealthCare styles.
Examples
The HealthCare.gov header component varies depending on the user's state (ie. logged-in) and context (ie. what page the user is on).
Logged-In
Loading
Logged-Out
Loading
Minimal
Loading
Code
React
See Storybook for React guidance of this component.
Google Analytics
Analytics event tracking is enabled by default.
On applications where the page has utag loaded, the data goes to Tealium which allows it to route to Google Analytics or the currently approved data analytics tools.
Disabling event tracking
Import and set the setHeaderSendsAnalytics feature flag to false in your application's entry file:
import { setHeaderSendsAnalytics } from '@cmsgov/<design-system-package>';
config({ headerSendsAnalytics: false });
Component maturity
For more information about how we tested and validated our work for each checklist item, read our component maturity documentation.