Collection Feature
Learn about the collection feature component, that can feature an icon list, link list, description list or factoids.
A collection feature has a heading and small description area next to a larger “collection” area where one of the following options is displayed: icon list, link list, description list, factoids (default or inline layout) or social links. Collection features are a great way to highlight a small amount of different types of information in a visually interesting way.
Collection features are only available on pages without a sidebar.
Types of Collection Features
- Example Collection Feature with Description List
- Example Collection Feature with Icon List
- Example Collection Feature with Link List (seen above)
- Example Collection Feature with Standard Factoids
- Example Collection Feature with Inline Factoids
- Example Collection Feature with Social Links
Best Practices
Follow the recommendations below for the minimum and maximum items of each type of collection. As a general rule of thumb, you don’t want your collection to be too much taller than the slab intro when you are viewing this component on a laptop size screen or larger.
| Collection Type | Recommended Min. No. of Items | Recommended Max. No. of Items |
|---|---|---|
| Description List | 2 | 4 |
| Icon List | 2 | 6 |
| Factoids (Inline) | 1 | 3 |
| Factoids (Standard) | 2 | 4 |
| Link List | 2 | 8 |
| Social Links | 2 | 8 |
Keep Learning
Learn about Contact Card Collections in Aggie UX 101 Module 5 Chapter 6.