Component Instance HTML Tree Customisation

Hi. I am creating components which contain several nested items (flexboxes, images, text etc) which provides the structure of a reusable element throughout the site. I would like to reuse this component and customise the nested elements for each instance however i cannot access the nested elements within the component instance as it only seems possible to style the outer most layer of the component because the HTML tree of the component instance doesn’t appear in the editor (it only appears if you are editing the component itself - not an instance). Any help appreciated to direct where i might find this.

Thank you!

You need to use dropzones

Thanks for that, I’ve taken a look at dropzones and as far as I can see they provide an empty placeholder to add new elements to a component instance however I’m trying to access the already created items within a component instance. The idea is to only create it once to reuse the component, then each instance could have tweaked styling (or hiding) of sub elements. This is how it works in Figma so I am curious how to do it in weweb. Is that right with dropzones or is there a way around it?

Templates look like another alternative however again that would lose the benefit of having the main structure defined and editable just once for consistency.

Apologies if I’m missing something which is very possible, help much appreciated.