Skip to main content

Search v0.4.0+ HelixUI v0.4.0 or later required

Options

Search Assistance

Added: v0.6.0

Search for ""
Category Header
 
<hx-search
  id="assisted-search"
  onblur="hideAssistance()"
  onfocus="showAssistance()"
  value="item"
></hx-search>
<hx-search-assistance relative-to="assisted-search">
  <header>Search for "item"</header>
  <section>
    <header>Category Header</header>
    <button class="hxSearchSuggestion">Here is a possible <b>item</b></button>
    <button class="hxSearchSuggestion">Here is a possible <b>item</b></button>
    <button class="hxSearchSuggestion">Here is a possible <b>item</b></button>
  </section>
</hx-search-assistance>

Behavior to show/hide search assistance may differ in your app.

See Also