Skip to main content
Question

How to Retain Customized Dropdown Options in Component Instances?

AminDesigns

I’ve created a dropdown component with two variants: expanded and unexpanded. When the user clicks the chevron down icon in the unexpanded variant, it switches to the expanded variant, and clicking the chevron up icon switches it back. I want to use this dropdown in multiple places, each with different options. However, when I change the options in any instance, they revert to the original options defined in the component. How can I retain the customized options in each instance while maintaining the expand/collapse functionality?

This is the component

image

and these are some of the instances, but after some time, the options get changed to the ones in the original component.

image

Figma Link:

Figma – 2 Jun 24

Thanks in advance for your assistance!

3 replies

DanielBang

I have a similar issue in Nested component properties not updating with main component.

I’m following this thread, because that might also answer my questions

S
1 person likes this
  • S
    Sam_Hranac
y_toku
Figmate
  • y_toku
  • Community Support
  • 2317 replies
  • June 10, 2024

Hi there,

Thanks for reaching out. Just to confirm, would you like to retain the instance sizes? If that’s the case, ss this thread explains, this could be a feature limitation.

You might be encountering a potential feature limitation when swapping instances or changing variants, especially with nested instances retaining the size of the original instance or variant There’d be a workaround for it. To get the nested instance to resize, you can add auto layout on each variant. It works for many cases.

Please let me know if you have further questions!

Thanks,
Toku

ali20
  • ali20
  • 1 reply
  • October 27, 2024

What about the menu list items, when expanded it goes back to component default state. Its not retaining text value properties in dropdown and list item

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings