Collage of Aggie UX components

Components on Pages With Sidebars

Components can be combined together to create visually interesting layouts for pages based on your content needs. All components listed on this page can be used on pages with sidebars.

An accordion group is a vertically stacked collection of multiple accordions (headers that can be clicked to reveal or hide content associated with them). You can use an overarching heading and description to contextualize content.

A callout highlights one piece of content with one or two links, displayed as a linked heading, button(s) or link(s). Callouts have optional superheaders and subheaders, and can opt to have an icon as a media option.

A card group is a collection of modular cards. Cards can be contextualized with an optional overarching heading and description in a section intro.

A featured card group is a collection of modular cards with one card featured in a visually prominent way. Cards can be contextualized with an optional overarching heading and description in a section intro.

Missing

Card Groups with Standard Featured Card

A featured card group is a collection of modular cards with one card featured in a visually prominent way. Cards can be contextualized with an optional overarching heading and description in a section intro.

The custom content component is the most flexible component. It provides access to a WYSIWYG editor where you can lightly format text as bold and italic, create different heading levels, create lists and link text. Most other components do not allow for formatting text in this way.

Missing

Description List Collection

A description list collection is a collection of terms and their respective descriptions. These can be used to define common words, or even show the value of common labels such as names, titles, and contact information.

A factoid collection is made of several visually interesting factoids. You can use a factoid collection heading and description to contextualize content.

An icon list collection is made up of 1–4 lists with icons as bullets. You can use a section heading and description to contextualize content.

An icon list collection is made up of 1–4 lists with icons as bullets. You can use a section heading and description to contextualize content.

A link list collection is made up of 1–4 lists with linked list items. You can use a section heading and description to contextualize content.

A link list collection is made up of 1–4 lists with linked list items. You can use a section heading and description to contextualize content.

A link slab features a list of links with an overarching heading and optional description, button and icon. The links can either be displayed in one or two columns on pages without sidebars; on pages with sidebars, the links will display in one column.

A Q&A collection has multiple question and answer pairs. You can use an overarching heading and description to contextualize content.

Standalone block quotes are for quotations with citations that can be used outside of custom content.

A testimonial collection contains multiple quotes, each from an identified source. You can use an overarching heading and description to contextualize content.