Adding blocks inside Accordion panel

[AbhilashMo4]

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.

[Mohit_KBansal · Accepted solution]

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