How to Use Salesforce Lightning Accordion With Aura Iteration In Lightning Component

Lightning Component
Salesforce Lightning Accordion:

lightning accordion component groups related content in a single container. Only one accordion section is expanded at a time. When you select a section, it’s expanded or collapsed. Each section can hold one or more Lightning components.

Here is an example of Lightning Accordion. I’m retrieving a list of contacts from Salesforce and populating into the Lightning Accordion.

accodion in lightning component

Apex Class : AccordionAuraController.apxc

Lightning Component : AccordionDemo.cmp

JavaScript Controller : AccordionDemoController.js

Check Also : How To Create Collapsible Section And Accordion (Pure CSS) In Lightning Component [Lightning Application]

Output :

accodion in lightning component


Resources : 

Like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

if you have any suggestions or issue with it, you can post in comment box  or Developer Forums 🙂

About The contributor: 

Hareesh goud

1 Post Contribute
sfdcHareesh sfdcmonkey
My name  Hareesh goud I have 5 Years of salesforce experience , Certified App builder and Platform Developer1
Email Addess: [email protected]


Leave a Reply