Select with Icon | Mantine | Page 1

flint dew Feb 8, 2023, 6:43 PM

#

In my dropdown I have some choices with an Icon. I was wondering if with the <Select/> component, it's possible to place the icon from dropdown into the input.

I know the <Select/> has an icon props but I can't seem to set the icon to the selected choice.

For the Icons, I'm using radix-ui/react-icons which are SVG Icons

honest badger Feb 8, 2023, 11:00 PM

#

you can add icon prop if something is selected and you'd find matching icon for this specific value?

patent gulch Feb 9, 2023, 1:20 PM

#

works fine
https://codesandbox.io/s/musing-kate-0q3ebz?file=/src/App.tsx

CodeSandbox

AarRidho

musing-kate-0q3ebz - CodeSandbox

musing-kate-0q3ebz by AarRidho using @emotion/react, @mantine/carousel, @mantine/core, @mantine/dates, @mantine/dropzone, @mantine/form, @mantine/hooks, @mantine/modals, @mantine/notifications

#Select with Icon