Cards

List group

The list group component is a collection of slim cards in a vertical list designed to fit nicely between paragraphs of content. List groups can be used with an H2, H3 or no heading if they follow a leading paragraph. They work with one or more cards.

The link list is a variation of the list group component designed to condense the space taken by several links in a list.

Card group

Cards groups can be used with an H2 or H3 heading. They work best when there are many cards in a collection and feature these layout options:

• 2x1, 2x2, 2x3 and 2x unlimited
• 3x1, 3x2, 3x3 and 3x unlimited
• 4x1, 4x2, 4x3 and 4x unlimited

Each layout has an option to 'load more' that appears when additional cards are hidden.

There are two types of card group:

1. Cards are assigned to the group manually
2. Cards appear automatically by selected tag

Resource list

The resource list component is a collection of slim cards locked to the resource content type. It is stacked in a vertical list designed to fit nicely between paragraphs of content. Similar to list groups, they can be used with an H2, H3 or no heading if they follow a leading paragraph. They work with one or more cards.

Resource group

Cards in the resource group are locked to the resource content type. Resource groups can be used with an H2 or H3 heading. They work best when there are many cards in a collection and feature these layout options:

• 2x1, 2x2, 2x3 and 2x unlimited
• 3x1, 3x2, 3x3 and 3x unlimited
• 4x1, 4x2, 4x3 and 4x unlimited 

Each layout has an option to 'load more' that appears when additional cards are hidden.