Select Input Return value

[trim dove]

Hi Everyone!

is it possible to return something that is not a string from a Select component? if not is there a change to pre process data with mantine/forms?

[hidden dock]

select value must be string, but there is nothing stopping you from storing an object that translates the string into other values like mySelectValues[selectValue] = someOtherData

[cunning mesa]

Like said before no but you can create your own with TextInput + Popover

[hidden dock]

Menu is a pretty great choice too, I did this with TextInput, Menu and react-window the other day

https://i.gyazo.com/b092575b68a8098f0ae5cdadd97c38f5.gif

https://i.gyazo.com/b4b5bac849506cd90c5ddcb9994d16a3.gif

[cunning mesa]

I guess that works as well. I didn't do much research on menu but i like popover because you can make it same width as the input

[hidden dock]

width='target' works for Menu too (Menu is based on Popover), i just used a wider width because i have very long strings that i need the user to be able to read

[cunning mesa]

Nice i'll have a look at that too then