Design system

Components

Accordion
An accordion is a list of headers that hide or reveal additional content when selected.
In use
Alerts
Messaging that keeps users informed of important and sometimes time-sensitive changes. There are three types of Alerts: Sitewide, Regional, and inline.
In use
Breadcrumb
Breadcrumbs are links that help users understand where they are in a website, and how concepts relate in the context of the site.
In use
Button
A button draws attention to important actions with a large selectable surface.
In use
Button group
A button group collects similar or related actions.
In use
Card
Cards contain content and actions about a single subject.
Draft: Do not use
Checkbox
Checkboxes allow users to select one or more options from a list.
In use
Footer
A footer serves site visitors who arrive at the bottom of a page without finding what they want.
In use
Header
The header helps users identify where they are and provides a quick, organized way to reach the main content of a website.
Draft: Do not use
Icon
Icons help communicate meaning, actions, status, or feedback.
In use
In-page navigation (jump List)
The in-page navigation allows a read to jump to specific sections on a lengthy page of content.
In use

Utilities