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