open-vault/ui/lib/core/addon/components/navigate-input.hbs
Angel Garbarino bd8d3d4e07
Glimmer Navigate Input component (#19517)
* wip

* wip

* todo hackeweek remove

* clean up

* add documetnation and fix test failure

* pr review changes

* spelling

* remove unused method
2023-03-14 20:23:04 -06:00

20 lines
694 B
Handlebars

<div class="navigate-filter">
<div class="field" data-test-nav-input>
<p class="control has-icons-left">
{{! template-lint-disable no-down-event-binding }}
<input
class="filter input"
value={{@filter}}
placeholder={{or @placeholder "Filter items"}}
type="text"
data-test-component="navigate-input"
{{on "input" this.handleInput}}
{{on "keyup" this.handleKeyUp}}
{{on "keydown" this.handleKeyPress}}
{{on "focus" (fn this.setFilterFocused true)}}
{{on "blur" (fn this.setFilterFocused false)}}
/>
<Icon @name="search" class="search-icon has-text-grey-light" />
</p>
</div>
</div>