I want to add a search icon before arrow (expand) icon in VirtualizedSelect in React. Can we customize it, I don't want to replace the arrow icon. Search icon should be placed before arrow icon..
import React, { Component } from 'react'
import VirtualizedSelect from 'react-virtualized-select'
import Select, { components } from 'react-select';
import { SearchOutlined } from '@material-ui/icons';
import 'react-select/dist/react-select.css'
import 'react-virtualized/styles.css'
import 'react-virtualized-select/styles.css'
export default function MySelect() {
const options = [
{ label: "One", value: 1 },
{ label: "Two", value: 2 },
{ label: "Three", value: 3, disabled: true }
// And so on...
]
return (
<div style={{ width: "40%", marginLeft: "30px" }}>
<VirtualizedSelect
options={options}
multi='multi'
/>
</div>
);
}