Awesome Accordions website

Anatomy of an Accordion

  • The accordion component – A collection of panels contained within an outer pane (often a list)
  • Accordion header – The labeled area(s) of the accordion panel that are expandable and collapsible
  • Accordion panel – The area (container) that contains the content specific to each header

We are using a font-size of 16px and a padding of 24px in the panel.