How to set custom styles to experience-fragment component AEM

[frankml_ve]

I'm getting troubles using the experience fragment component.

If I use the default component provided by Adobe, the component works fine but I can't use the Style System, so I decided to build a custom experience fragment that inherit the sling:resourceSuperType from  /libs/cq/experience-fragments/components/experiencefragment, but this component don't allow me to configure it on the page to select a experience fragment variant.

My question is, how can I do for fix my issue with this custom component, or if there's a way to set custom styles using the style sistem to the default experience fragment component?

[sunjot16 · Accepted solution]

The following links may be helpful:

https://docs.adobe.com/content/help/en/experience-manager-65/developing/components/style-system.html

https://docs.adobe.com/content/help/en/experience-manager-learn/sites/developing/style-system-techni...

[frankml_ve]

Thanks for your answer, but the thing is that style option on the component it's not available, so I don't know how to do to get this works

[arunpatidar]

The Style system will be available only if you will update the design dialog in order to add extra style tab and from policy you would add few styles.