--- layout: default nav: tutorial ---

# Active Search

This example actively searches a contacts database as the user enters text.

Note that the "server side" implementation is mocked out using mockjax, so you can see the entire implementation. Click the "Source Code" tab to see the code.

## Explanation

- The search input is set to post to `/search` via a `ic-post-to` attributes. It does this on keyup by setting the `ic-trigger-on` attribute to `keyup`, but only issues the request when the input value changes by using the `changed` modifier in the trigger. In order to avoid overwhelming the server with requests, a trigger delay of 500 milliseconds is added with the `ic-trigger-delay` attributes. The input targets the body of the table by using the `ic-target` attribute, and the server side produces rows of matching contacts. As usual, an indicator is called out with the `ic-indicator` attribute.

## Demo

### Search Contacts Searching...

First Name | Last Name | Email
--- | --- | ---