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}}