Related Items
Contents
Requirements
Title | Description | |
---|---|---|
1 | Availability | Component is only available on detail pages. |
2 | Populating the Component | Component can be populated one of two ways:
|
3 | Referenced Fields | Each item that is referenced will display the following:
|
4 | Dot Accent | The dot accent will be on the right of the component, with the first row of dots rendering several pixels higher than the tile of the component. |
5 | Hover State and Linking | If a user hovers the mouse over any of the link items in this component, a hover state will be triggered to indicate clickable content. If a user clicks on any of the items in this component, they will be taken to the corresponding page. |
CMS Fields
Field Label | Field Type | Required? | Notes | |
---|---|---|---|---|
1 | Title | single-line text | yes | default is "read this next" |
2 | Topic or Tag | select | no | selecting the term will populate the component per requirement #2 |
3 | Article Select | treelist | no | max 3, per requirement #2 |
https://styleguide.asce.org/section-components.html#asgref-components-related-items