I have several components that I need to let users freely add their own content to certain sections. Currently, the only way I can find to do this is to create a blank area and have the user place a frame of their own on top, ignoring the parent frame’s auto layout. Instead, I want them to be able to drag their own content into an editable frame within my component so that the component will resize based on their added content.
The most commonly recognizable example of this is a modal component. I want to have the same header, footer, and frame on all components but I want to leave a space in the body area for the user to put anything they want. I’ve seen the slot swap idea but that only works if I have a hand full of pre-made configurations. In my modal component, I have no idea what the end user (the designer) might dream up. They might have a form, they might need a paragraph on top or a table or an image or two, etc. I want to let them do that without breaking the component itself.
What I don’t want is for them to be able to change up the header or footer of the component. The body is fair game though.
Any ideas?