Article: Card > List

This component offers a list of articles that users can continuously generate and browse.

Usage Criteria

This component previews articles vertically in a list for users to browse and read. It helps make up the main content of a page and contains a CTA at the bottom for users to load more articles.

Do's and Don'ts

• Do not use this component more than once on a page; it would be unnecessary and the component is already very large.

Design Notes

This component contains an excerpt under each title which expands to show the full content if the user actions on the CTA underneath. When the content is too long to view expanded within the list, it links to the full article page instead.

Configurable Options

This component is configured using Child pages, Fixed list, Search or Tags. Fixed list pages will always stay the same, whereas tags will retrieve articles related to that tag. Search pulls articles related to the search query entered, and Child pages pull articles from a set parent page.

Once configured, all other fields (title, image, excerpt) are automatically pulled from the Article: Header and will not require further input.

Developer Notes

Additional Information

• Image, Title, Category,  and CTA Link is automatically retrieved from the article page via the Article: Header component

Designer Notes