Text Columns
AKA – Text Columns with Social Media
Contents
Requirements
There will always be a minimum of two and a maximum of three columns.
Each column will include a header that renders in bold and an area for text. Both header and text area will be left aligned.
The top of the component will have minimal padding to give the appearance of being associated with the component above it.
Admins will be able to turn the social media icons on and off. If the social media icons are turned off, the left vertical divider will not appear. Clicking any of the icons will prompt a user to share the page to the corresponding social media platform.
CMS Fields
Field Label | Field Type | Required? | Notes | |
|---|---|---|---|---|
| 1 | Social Media | select | no | default is on; turning them off will cause the icons to disappear |
| 2 | Column 1 Header | single-line text | yes |
|
| 3 | Column 1 Text | multi-line text | yes |
|
| 4 | Column 2 Header | single-line text | yes |
|
| 5 | Column 2 Text | multi-line text | yes |
|
| 6 | Column 3 Header | single-line text | yes |
|
| 7 | Column 3 Text | multi-line text | yes |
|
https://styleguide.asce.org/section-components.html#asgref-components-text-columns