0

I want to add a search icon inside the Ember power-select input tab. I don't see any method so far to customize it. How do i do this?

Anonymous2018
  • 53
  • 7
  • Welcome to StackOverflow! Please provide a [Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve) of your attempt e.g. as a [Stack Snippet](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/), so we can try to solve your problem and explain why your own attempt failed - that way you can learn something useful for your future development, as well as getting an answer to this single problem. – andreas Sep 24 '18 at 14:47

1 Answers1

1

Ember Power Select is very flexible. You could pass in a custom component for nearly each of it's pieces. The search box is rendered by default by a component called power-select/before-options. This is determined by beforeOptionsComponent property of {{power-select}} component. Override that property on invocation to have total control over what is rendered before the first option. Ember Power Select provides quite a lot information to that component.

If possible I would consider styling the search box with CSS as this would be way less complex and does not add that maintenance burden.

jelhan
  • 6,149
  • 1
  • 19
  • 35