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?
Asked
Active
Viewed 478 times
0
-
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 Answers
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