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

Adding blocks inside Accordion panel

  • May 13, 2025
  • 1 reply
  • 487 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.
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
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
Adobe Employee
Mohit_KBansalAdobe EmployeeAccepted solution
Adobe 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...