Components: Ability for property prefix/suffix per connection

Hey there!

I created a component which contains two toggle elements inside a wrapper. I created a textproperty because I thought nice, I can set a wrapper CSS ID and the same ID as selectors for the toggle button’s inside the wrapper, but no. Unfortunately, this is not possible as the toggle buttons need the whole selector including the #-sign and the CSS ID field on the wrapper only accepts plain text without the #-sign. Maybe there’s another workaround for this problem, I couldn’t find one.

This could be solved if I could select a prefix or suffix per connection (not per property). In my example I would have one property “ID” where I put the CSS ID without pound sign connect it to CSS ID field of my wrapper and to CSS Selector field of my toggles. In the toggle-property connection I could decide to add a prefix/suffix to the ( from the property) inserted value.

Let me know, what you guys think about that! Maybe there’s a much more simple solution..?