Use search icon with react-select v2

Viewed 6675

Anyone have any idea how to use a custom icon with react-select v2? Version 1 used to have an arrowRenderer prop that you could pass in with a function that would render something different. That doesn't seem to be working on v2.

Here's what I have currently:

renderSearchIcon = () => (
  <svg {...svgProps}>
    <path d={path} />
  </svg> 
)

<Select
  {...this.props}
  arrowRenderer={this.renderSearchIcon}
  defaultValue={defaultValue}
  options={options}
  onChange={onSelectChange}
/>

But for some reason I'm still getting the default down chevron. Anyone know if it's possible to do this on v2?

1 Answers
Related