Nested components: Ignoring a variant

[Andrew_Harris]

I want to have a checkbox and a label combined variant. Now I know you can have a nested component with 2 variants, which would be a filled checkbox with a label or without and an empty checkbox with a label or without. However, could I add a 3rd variant to set the direction of the label with a boolean? So I don’t want a dropdown option in the component. I just want that switcher. But I can’t as I currently choose, filled=no / Label=yes / Direction=left. The problem comes where the checkbox without a label won’t need to make use of the directional variant state. Any ideas?

Simple terms: Can a nested component ignore a variant

[dvaliao]

Hey @Andrew_Harris,

There’s a workaround in this thread that may help:

Is it possible to disable or hide variants within a component?

Hi @Donggoo_Paik It is not possible at the time to hide a variant property of a component. But you can do it with boolean property Remove the two variant property Icon(right) and Icon(left) Select all you Icon(right) on your component and then go to the right panel, on the Layer section, click on the Apply boolean property icon at the far right [image] Redo the step 2 for Icon(left) In the specific variant where you don’t want this two icons to be played with, just delete them. No when you…