Skip to main content
Ya.yo
New Participant
November 6, 2025

Allow variables in parent component with variants

Hi everyone,

If I’m not mistaken, the only way to use variable logic to switch variants based on a variable mode is by creating a component, instancing it, and then connecting the variable to its properties.

For example:
I have a component called “Slider”, which contains two variants — iOS and Android.

As a designer, I’d like to use the “Slider” component and set in my file the variable "system" to iOS.

However, as a library maintainer, the only way to make this work is to create another component called “Slider”, then instance the original Slider inside it — which doesn’t make much sense.

It would be great to have a property directly in the parent component that allows variable modes to work without needing to nest components inside each other.