Sly Pass parameter with an include or similar

[AlexCa17]

Hi, i have an include that brings in an HTML file, which I invoke twice within my component, something like <sly data-sly-include="${'HeaderUserInfoList.html'}"/>. The thing is, in one invocation the full code should be shown, but in the other I want to hide several divs. The code is extensive, so I don’t want to duplicate it — I’d like to pass a parameter (true or false) and hide parts with data-sly-test or something similar. Is there any way to do this? I tried using resource, but it was crashing. My component is Header, and inside it I have this HeaderUserInfoList file — all together in the same component. Best regards and thanks.

[arunpatidar · Accepted solution]

Hi @AlexCa17 

You can use htl templates https://github.com/adobe/htl-spec/blob/master/SPECIFICATION.md#2210-template--call 

Core component example is here : https://github.com/adobe/aem-core-wcm-components/blob/main/content/src/content/jcr_root/apps/core/wc...