Overview

This component will be a form with the query parameter.

You can link the search box to the results component. This will update the results component when the search box form is submitted.

Usage

How to create this component:

var searchBox = sdk.component('searchBox', target:String, options:Object);

Sample

By default, this component looks like this:

Target

This is the HTML component. For example, the "#inbenta" target is:

<div id="inbenta"></div>

Options

Available options to set in this component

Default options object

{
  autofocus: false
}

Methods

This component does not have any methods.

Subcomponent

This component does not have any subcomponents.

Events

Events to listen on this component.

Tracking

This component does not track any event.

Labels

Labels of this component. The default labels of each component can be rewritten in the SDK creation configuration.

Examples

Create Searchbox with a typeahead autocomplete linked to it.

var searchBox = sdk.component('searchBox', '#searchbox', {});
var autocompleter = sdk.component('autocompleter', '#autocompleter', {});
autocompleter.linkToSearchBox(searchBox);