Skip to main content

Hi Community, I am creating a Select component with its respective states, similar to how you would create an input component.


I am using the “Focus” state to display the option lists, this through a “Slot” to insert the option lists that I have previously created.


When I insert an instance of a list of options in the “Slot” the distance between the input and the list is maintained according to the characteristics of the component, but with the “Show Label: Off” property the distance is not respected.


How can I keep that distance with the “show label: Off” property?


Thanks to anyone who can help me.



Hi @Marlon


Can you share the structure of your component with us?


From what I see, check that the constraints of the list option are properly defined : (your want it to be set to left and right and to bottom


If you used auto-layout on your component also check that the component height is set to hug.


Hope it helped


Thanks for answering


I am reviewing the constraints of the component and they are different from what you suggest.


But the moment I change the Top to Bottom, the element goes up and covers the select.


I share the file so that it can be reviewed in better detail

Select.fig (116.7 KB)


Reply