Contents
Requirements
Layout: Text + Links
Two - Three Columns
When admins select a link(s) to include in this component, the page title will display by default. Admins will have the option to include alternate title for the sake of brevity/display purposes.
When a user hovers over any of the links in this component, a hover state will be triggered to indicate clickable content. When a user clicks on any of the links in this component, they will be taken to the corresponding page.
There will be no maximum number of links for link list without text. For link list with text, there will be a maximum of 12 links.
When viewed on mobile, the links will stack into one column. If the text layout was selected, the text will display above the links.
When the target page for the link is gated, or only available on login, a lock icon is shown.
Social icons will only show if 1 or more is completed
CMS Fields
Field Label | Field Type | Required? | Notes | |
---|---|---|---|---|
1 | Title | single-line text | yes | |
2 | Text Section | checkbox | no | default is selected; checking will allow an admin to enter the populate the text section, as shown in the "getting a jump start..." image shown above |
3 | Text Section Description | multi-line text | no | only available if the text section checkbox is ticked |
4 | Columns | select | yes | one column or two |
5 | Display Eyebrow | checkbox | yes | if box is checked, the eyebrow text will be referenced and displayed per requirements |
6 | Add Link | link list | yes | if two-column layout is selected, links will populate from left to right; in other words, the first link will be in the left column, second link in the right column, third link in the left column, etc. |
7 | Link Text | single-line text | no | field that can be populated if a referenced link/page has a title that is too long for the component. will be present for every link that is added. |
8 | Social Label | text | no | only shown if one of the social links is populated |
9 | link | no | ||
10 | link | no | ||
11 | link | no | ||
12 | Button | link | no |
https://styleguide.asce.org/section-components.html#asgref-components-institute-link-list