Any way to make background of a component editable?

Hello Plasmic Community,

I have a question regarding components. Is there any way I can make the BG of this component editable without creating multiple variants with different colors? (I have slot targets on, icon, title and body)

There’s only a hacky approach right now, which is to right-click the style HTML attribute and link it as a prop. Then from the containing component you’ll be able to specify what you want.

Another approach is to insert a div element, position it behind everything, and make it exposed as a slot so that you can customize the background that way.

This is all much more cumbersome than what we want it to be, but just sharing in case it unblocks you for now.

Thank you, I will try both of them and see which one fits the best in the workflow