Component Library
This style guide provides examples of components and options for content editors when creating or editing pages on this site.
-
Accordion
Image
The accordion component is a list of headers that hide or reveal additional content when selected.
-
Card group
Image
The card group component is a group of cards that contain content and actions about a single subject.
-
Callout
Image
The callout component provides a box to highlight content.
-
Collection
Image
The collection component displays a compact list of multiple related items like articles or events.
-
Flip card group
Image
The flip card group component provides cards that can be flipped to a back side.
-
Hero
Image
The hero component is a large banner, typically at the top of the page.
-
In-page navigation
Image
The in-page navigation allows navigation to specific sections on a lengthy content page.
-
Icon list
Image
The icon list component provides a pre-defined list of icons to display alongside list items.
-
Media
Image
The media component provides the ability to add images or remote videos (from YouTube).
-
Media gallery
Image
The media gallery component displays a thumbnail listing of images and remote videos (from YouTube).
-
Promo block
Image
The promo block component provides a way to feature content.
-
Quotation
Image
The quotation component provides a box to display a quote and its attribution.
-
Row of columns
Image
The row of columns component provides added flexibility when laying out components on a page.
-
Teaser list
Image
The teaser list component is similar to a group of cards, but teasers don't have borders.
-
Text
Image
The text component provides a WYSIWYG editor for entering text.
-
Thumbnail teaser list
Image
The thumbnail teaser list component displays a list of teasers with square thumbnail images.
This page last reviewed on