Requirements
...
Title | Description | ||||||
---|---|---|---|---|---|---|---|
1 | Availability | Component is only available on detail pages. | |||||
2 |
|
...
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
...