🌱 Component basics
Guide | |
Description | Component will be managed manually be an admin in the CMS. Accordions can be saved and reused throughout the site. For example, admins can create an FAQ accordion and then place the component on several pages. Making updates to the component will cause it to refresh wherever it is used. |
🧐 Specifications
Usage | |
---|---|
Variations |
|
Behavior | Clicking the plus icon will expand each accordion item to show content. Clicking the arrow again will cause it to contract to display only title. User can open as many accordions on the page (opening 1 does not close a previously opened one). |
CMS Fields
Field Label | Field Type | Required? | Notes |
---|---|---|---|
Eyebrow | single-line text | no |
|
Accordion Title | single-line text | yes | optional title of component |
Description | multi-line text | no |
|
Add Accordion Item | select | yes | when clicked will allow admins to add another item (title and content) |
Accordion Item Title | single-line text | yes | renders in bold |
Accordion Item Content | rich-text editor | yes |
|
Accordion Item Image | image upload | no | images will be part of RTE |
https://styleguide.asce.org/section-components.html#asgref-components-accordion
...