How can I change the design of the plume options component?

I’m using the integrated (plume) select component.
It has its white design which doesn’t fit so well.
Was able to change the backround of the options panel by using the optionsContainer prop in PlasmicSelect. But I wasn’t able to change the text color of the options.

Maybe someone can tell me how.

Hey @johannes_horteis, we recently launched a new Select customizable component, where it’s possible to change the background of the options. Would you like to give that a shot?

I tried it. and I’m using it. this component is hard to use though.

Video: Plasmic - new Select component

Note that in this Dropdown component, one of the Selects has so much code, because we display different options based on different conditions and we have a ‘custom option’ that turns the content of the aria button part into a texinput field.

Overall, I think we would have saved a lot of time just using a Select from Radix or sth similar.

Maybe you can answer me something about the component @jason.
Since I optionally have a text input field in there,
the feature where you type eg. 2 on your keyboard and then the first option that starts with a 2 is selected
is conflicting.
Right now I have a hacky way of solving this by making sure the option strings start with an empty space " 2" which is then removed after selection.

But maybe you have a less hacky solution for disabling this keyboard option selection behaviour?

The new set of customizable components also includes a Combobox that is probably what you need here - it is just like Select, except that it has a text input instead of a button.

oh really?
I saw it in the documentation before and was wondering what it even does

the example component shows (where it says Item 3 here) has no textinput and seems to work the same as the select

Thank you for reporting this! This is incorrectly displaying the Select component. A fix is on the way!

1 Like

The issue should be fixed.

you should also list examples for actionable items in the description