MOD - Accordions

Title
Title
Name
Accordions
Description
The accordion module is often used to display a large amount of content in a compact and organized way, allowing users to quickly navigate to the sections that interest them without being overwhelmed by too much information at once.
  • Good for responsive design.
  • Good for FAQs.​
Creators / Developers
Live Examples
  •  https://www.walkwithpic.com 
  •  https://www.kreglp.com/services/residential-property-management 
  •  https://afb.accuweather.com/why-accuweather 
  •  https://www.lcsupply.com/pages/links 
gitHub Repository
  • Hubspot:
  • PIC:  https://github.com/pghinternetconsulting/accordion-pic.git 
  • AFB:  https://github.com/pghinternetconsulting/accordion-afb.git 
  • KREG:  https://github.com/pghinternetconsulting/accordion-grid.git 
  • Shopify:
  • LCS:  https://github.com/pghinternetconsulting/accordion-liquid.git 

Components and Information needed for the Developer:

  • Section Title​
  • Icon that indicates expansion​
  • Tab / Question > Title​
  • Tab Content

ScreenShots

PIC - WalkWithPic

Desktop and Mobile


KREG

In this case we used the accordion to show this content on mobile.


AccuWeather



Lion Country Supply