This can be done by adding the cq:HtmlTag node under the component and setting a property name of "class" as String with your custom class name.More information can be found here https://experienceleague.adobe.com/docs/experience-manager-64/developing/components/decoration-tag.html?lang=en#recommend...

@BrianKasingli That is my solution for now however what if authors want to have padding, alignment, etc. Too many combinations to have presets. A dynamic approach would be much better.I did find this class which does the wrapper element around the components IncludeOptions 

Hi adding the parsys is no issue. It's how it is displayed in the content tree. I would like it to display how it is showing with layout container rather than "paragraph system". I want it to show "Component Name"

I've created a custom component that has a parsys system allowing you to add child components. While this works properly the added child components are showing up under "Paragraph System - HTL" in the content tree. My use case here is to allow a better user experience for content authors so they can...

Thanks for your reply. This can be done but I would like to add customizable options to the child component (column) as well. Is the mentioned method in my question not possible?

Use Case:I'm trying to implement bootstrap like row's and columns where the rows component can have column components as childs. The column component dialog should be able to have dynamic width sizes set by the author (25%, 33%, 50%). Problem: In order for me to dynamically set the column width's I ...

AEM Version: 6.4.8.2 While using responsive grid, I'm able to hide components going from desktop to mobile/tablet however I can't hide components going from mobile to desktop. Instead what happens is the entire components disappears across all breakpoints when I hide it in desktop. Steps to reproduc...

Thank you, I was reading it as a JSON in crxde property and overlooked that it's actually a string.Was missing the JSON.parse function

Yeah this is spam....

How can I display JS object properties or iterate over JSON objects using sly-data-list.Here's my particular JSON{"make":"Honda","model":"civic"}Would something like this require a mixed model with local Java class?Thanks