Searchbox Demo | <uif-searchbox>

In order for this demo to work you must first build the library in debug mode.

Use the attributes ng-model to specify the value of the search field.

Use the attributes placeholder to specify the placeholder of the search field.

This markup:
<uif-searchbox />

Renders this:

Example using a controller


Controller text: 
scope.value: {{value}}

Searchbox can be disabled with disabled attribute or ng-disabled directive:

This markup:

<label>Click me to toggle: <input type="checkbox" ng-model="disabled"></label><br/>
<uif-searchbox ng-disabled="disabled"/>

Renders this:

This markup:

<uif-searchbox disabled="disabled"/>

Renders this: