April 26, 2020
Estimated Post Reading Time ~

How to include Clientlibs in your component using Sightly AEM

How to use client libs in Sightly
First you should declare data-sly-use.clientlibInclude in your .html file

<div data-sly-use.clientlibInclude="${'/libs/granite/sightly/templates/clientlib.html'}"></div>
how to include only CSS of clientlib 
<output data-sly-call="${clientlibInclude.css @ categories='clientlib1,clientlib2'}" data-sly-unwrap/>
how to include only JS of clientlib 
<output data-sly-call="${clientlibInclude.js @ categories='clientlib1,clientlib2'}" data-sly-unwrap />
how to include both CSS and JS of clientlib 
<output data-sly-call="${clientlibInclude.all @ categories='clientlib1,clientlib2'}" data-sly-unwrap />


By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.