Component Library

This style guide provides examples of components and options for content editors when creating or editing pages on this site.

The accordion component is a list of headers that hide or reveal additional content when selected.

The card group component is a group of cards that contain content and actions about a single subject.

The callout component provides a box to highlight content.

The collection component displays a compact list of multiple related items like articles or events.

The flip card group component provides cards that can be flipped to a back side.

The hero component is a large banner, typically at the top of the page.

The in-page navigation allows navigation to specific sections on a lengthy content page.

The icon list component provides a pre-defined list of icons to display alongside list items.

The media component provides the ability to add images or remote videos (from YouTube).

The media gallery component displays a thumbnail listing of images and remote videos (from YouTube).

The promo block component provides a way to feature content.

The quotation component provides a box to display a quote and its attribution.

The row of columns component provides added flexibility when laying out components on a page.

The teaser list component is similar to a group of cards, but teasers don't have borders.

The text component provides a WYSIWYG editor for entering text.

The thumbnail teaser list component displays a list of teasers with square thumbnail images.