Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

🌱 Component basics

Guide

Accordion

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

  • There will be no limit to how many items can be added to this component.

  • When included on a detail page, the accordion's width will match the width of the rich text column.

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

📐 Additional guidance

Content

Accessibility

Mobile

Best practices

Related

https://styleguide.asce.org/section-components.html#asgref-components-accordion

  • No labels