Skip to main content
anon95096784
November 22, 2023
Solved

Swapping Variants of Nested Components

Hey folks,

I am currently working on a complex component that consists of nested components and Booleans.

As the nested components have different states as well, I added variants to those. If I click on the surrounding parent component and want to swap the variants of the nested child component, it only allows me to swap the complete instance and not its selected variant.

Please see this architecture sketch:

Parent Component

  • Variant 1
    ** Child Component
    *** Variant a
    *** Variant b
    *** Variant c
  • Variant 2
  • Variant 3

I find it much more comfortable to sort all of such similar components as variants. Is it still possible to swap them or do I have to make them separate components to do so?

    This topic has been closed for replies.
    Michael_Persson
    Michael_PerssonSolution
    November 22, 2023

    You can expose variants by adding them as properties in their parent component.

    There are also plugins that work «roughly» in the same manner, which could see some use: https://www.figma.com/community/plugin/1027413532986522043/selection-variants

    View in thread

    3 replies

    Michael_Persson
    Michael_PerssonSolution
    November 22, 2023

    You can expose variants by adding them as properties in their parent component.

    There are also plugins that work «roughly» in the same manner, which could see some use: https://www.figma.com/community/plugin/1027413532986522043/selection-variants

      anon95096784Author
      November 23, 2023

      Awesome. That was the missing piece. I cannot believe I have overseen this feature. Thanks.

      Michael_Persson
      Michael_Persson
      November 23, 2023

      In fairness, I believe it is a fairly new feature. Glad to spread the gospel!

        Terms & ConditionsAccessibility statement