Hybrid search module - template helpers

The SDK offers some helper templates for the hybrid search UI. You can leverage these templates to quickly set up the hybrid search UI in your application by either using the them directly or modifying the HTML string to suit your needs.

Root

The root template is all to you to set up the hybrid search UI. It contains a query input, a answer section and a search result section.

const templates = MisoClient.ui.defaults.hybridSearch.templates;
const html = templates.root({ answerBox: true });

Customize the templates

The easiest way to customize the hybrid search UI is to modify the HTML string returned by the templates. Alternatively, you can also copy the template results and modify them to suit your needs.

const templates = MisoClient.ui.defaults.hybridSearch.templates;
const html = templates.root({ answerBox: true });

The template function above gives you the following result:

You can turn off the answer box:

const templates = MisoClient.ui.defaults.hybridSearch.templates;
const html = templates.root({ answerBox: false });

The template function above gives you the following result: