Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

204
Views
I want to add a search icon before arrow (expand) icon in VirtualizedSelect in React. Can we customize it?

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>
    );
}
about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!