Variables overrides in Components aka Framer and Ycode method?

My sincere apologies if this has been covered elsewhere as I am very new.

But I am just wondering if there is a way to assign parameters (eg. colour value, or dimension) in a Component that can later be overridden on their instances.

Eg. Framer and Ycode handles this quite intuitively that we can assign and bind any parameters (eg. dimension, colour, value, text, etc much more options in Framer than Ycode). And then “publish” these parameters as changeable options so that we can override them easily on every component’s instance.

If this is indeed an upcoming feature work-in-progress I would see this to fruition as I believe this is far more intuitive than having to manually creating individual actual classes. That which in my humble opinion is not ideal if we have multiple dozens of overrides to do.

Unless if there is already a known workaround I would love to hear it.

Sincerely,

Andrew.

Hi,

you can’t connect variable to CSS (style) property right now.

It is possible to connect it inside of an attribute, if you create attribute “style” , and there you can type something like: "width:${page->get(‘data’)->get(‘custom-width’)}

In this case, custom-width would be field coming from cms. But I understand this is not really great option, we will have some easier options in future, but for now, only developers can handle tasks like this one with ease :slight_smile:

1 Like