tbleckert / react-select-search

⚡️ Lightweight select component for React
https://react-select-search.com
MIT License
676 stars 149 forks source link

Any way to change arrow icon to a search icon? #136

Closed sergeyvelichkin closed 2 years ago

sergeyvelichkin commented 3 years ago

please

anuj0361 commented 3 years ago

+1

mayckxavier commented 2 years ago

+1

IzoldaV commented 2 years ago

You can use a custom renderer to do this. The library has a renderValue property that accepts a function that will render the input field. You can also specify your classname for the select and add a pseudoelement with a search icon for div that wraps the value-input.

tbleckert commented 2 years ago

Sorry for the late reply.

As @IzoldaV said, you can use the renderValue property to change it completely or you can use your own styles. either with global css or by custom classes (css modules for example). You can use the default theme as a reference and just change the arrow as you see fit.