Adding blocks inside Accordion panel | Community
Skip to main content
A
AbhilashMo4
New Participant
May 13, 2025
Solved

Adding blocks inside Accordion panel

  • May 13, 2025
  • 1 reply
  • 472 views

Hi, 

I'm trying to create an accordion block, and another accordion item inside it. The requirement is to be able to add other blocks such as image, title, video inside accordion item.  Below is my filter.json file.

{
    "id": "accordion",
    "components": ["accordion-item"]
  },
  {
    "id": "accordion-item",
    "components": ["text", "image", "button", "cards", "title", "teaser"]
  }
When I click on accordion item, I'm not able to see 'plus icon' to add any blocks. Is it possible in EDS to do it or any other ways I could do that. Please let me know.
 
Thanks.
Best answer by Mohit_KBansal

EDS strictly recommend to avoid block nesting, though there are ways to implement rich experience with accordion / tabs, some approaches are:

  • Use fragment block [1], create a fragment and use it in accordion block
  • Use sections [2]

 

[1] https://www.aem.live/docs/fragments 
[2] https://www.aem.live/developer/component-model-definitions#sections-and-section-metadata 

1 reply

Mohit_KBansal
Mohit_KBansalAccepted solution
Employee
July 1, 2025

EDS strictly recommend to avoid block nesting, though there are ways to implement rich experience with accordion / tabs, some approaches are:

  • Use fragment block [1], create a fragment and use it in accordion block
  • Use sections [2]

 

[1] https://www.aem.live/docs/fragments 
[2] https://www.aem.live/developer/component-model-definitions#sections-and-section-metadata 

    Terms & ConditionsAccessibility statement

    Loading footer...