How to set max count for Accordion component container items

[aravindS]

I have extended the accordion core component, requirement is to set the limit of 20 items for the accordion, how to set the limit for the items.

Thanks in advance

[EstebanBustamante]

This is not an out-of-the-box behavior, you would have to overlay and update the behavior, here is a great article explaining how this part works: https://aemlab.blogspot.com/2022/09/aemaacs-core-components-children-editor.html

[rawvarun]

You need to customize the accordion core component to set a limit of 20.

Refer: https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wc...

[aravindS]

I already extended the ootb and added the dialog fields as well.

[aravindS · Accepted solution]

Found the way, we need to add the granite class to set the max count and configure same in design dialog. then need to create a client libs and js for count validation.

This will work, thanks