Content List

Synopsis: The Content List is the view that shows a list of content fragments, in card view, that meet the filter criteria. The card view should map to the standard Resource Card view. At most 9 cards will be shown (3 rows of 3), and if there are more than 9 then pagination will be presented at the bottom. The Content List will include Filtering and Search options.

Usage: Content List pages.

Requirements: https://fiserv-com.atlassian.net/browse/FC-888

Note: This should be used as an example only. There will be additional requirements related to each individual component usage and page design, such as font treatments, padding and margin requirements, ADA compliance etc, so please use the below examples for reference only to demonstrate core function.

Example

Ingredients: 2 Containers, 1 Content List component 

This use case involves an outside container set to full width with an inner container set to contained to center align the content. In content list component author has to configure 'Content Fragments Root Path' and 'Filter Tag' . Author can enable or disable Search by checking or unchecking 'Enable Search' option. Author can also configure custom Filter Label and Search Tag based on the requirement.

Inside the second contained width container there is Content List Component.