Is your feature request related to a problem? Please describe.
I'm using the Select components and use them inline. When the component width is small, the position of the arrow down is not appropriate anymore. I'd love to have access to the container div to make changes to the overall layout of the Select component.
Describe the solution you'd like
Have a containerSx prop:
<Select containerSx={{ position: "relative", etc }} />Describe alternatives you've considered
Currently, to solve this issue I have to create and maintain my own InlineSelect component, which is far from ideal.
PS: Since we're on the topic of Select, I just wonder what if users of theme-ui want to use a different arrow down icon. It seems like there is not a way to change that. Just wonder what you think about it and if you're open to adding some other prop to expose that functionality.
Is your feature request related to a problem? Please describe.
I'm using the
Selectcomponents and use them inline. When the component width is small, the position of the arrow down is not appropriate anymore. I'd love to have access to the container div to make changes to the overall layout of theSelectcomponent.Describe the solution you'd like
Have a
containerSxprop:Describe alternatives you've considered
Currently, to solve this issue I have to create and maintain my own
InlineSelectcomponent, which is far from ideal.PS: Since we're on the topic of
Select, I just wonder what if users oftheme-uiwant to use a different arrow down icon. It seems like there is not a way to change that. Just wonder what you think about it and if you're open to adding some other prop to expose that functionality.