---
layout      : 'default'
css         : ''
element     : 'search'
elementType : 'module'

title       : 'Search'
description : 'A search module allows a user to query for results from a selection of data'
type        : 'UI Module'

status      : 'Undocumented'
---

<%- @partial('header', { tabs: {  overview: 'Overview' } }) %>

<div class="main container">

  <div class="ui active tab" data-tab="overview">

    <h2 class="ui dividing header">Current Progress</h2>
    <div class="ui indicating progress">
      <div class="bar" style="width: 90%;">
        <div class="progress">90%</div>
      </div>
      <div class="label">Needs Documentation</div>
    </div>

    <h2 class="ui dividing header">Usage</h2>
    <div class="no example">
      <h4 class="ui header">Autocomplete Results</h4>
      <p>Search allows you to query either remote endpoints, with the <b>API behavior</b> or local javascript objects for search results which are then presented in-place below the search prompt.</p>
      <p>Semantic's search component can group displayed results by category, or as a simple list, and has built in keyboard support and custom error message routing, as well as support for navigating to full text results from within the autocomplete menu.</p>
    </div>

    <h2 class="ui dividing header">Support Development</h2>
    <div class="no example">

      <p>You can help support the future development of the Semantic UI project, and help boost the priority of this component by donating to Semantic UI development.</p>

      <p>Please be sure to leave a note in the comments to indicate that you are interested in the development of this particular component.</p>

    </div>

  </div>

</div>