github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-search-box.hbs (about) 1 {{#freestyle-usage "search-box" title="Search Box"}} 2 {{search-box 3 searchTerm=(mut searchTerm1) 4 placeholder="Search things..."}} 5 {{/freestyle-usage}} 6 {{#freestyle-annotation}} 7 <p>The search box component is a thin wrapper around a simple input. Although the searchTerm passed to it is a mutable reference, internally search term is debounced. This is to prevent potentially expensive code that depends on searchTerm from recomputing many times as a user types.</p> 8 <p>There is no form of the search box component that defers updating the searchTerm reference until the user manually clicks a "Search" button. This can be achieved by placing a button next to the search bar component and using it to perform search, but search should be automatic whenever possible.</p> 9 {{/freestyle-annotation}} 10 11 {{#freestyle-usage "search-box-compact" title="Search Box Compact"}} 12 {{search-box 13 searchTerm=(mut searchTerm2) 14 placeholder="Search things..." 15 inputClass="is-compact"}} 16 {{/freestyle-usage}} 17 {{#freestyle-annotation}} 18 <p>Search box provides an inputClass property to control the inner input. This is nice for fitting the search box into smaller spaces, such as boxed-section heads.</p> 19 {{/freestyle-annotation}}