# Omnitive Search Widgets

## Omnitive Search Widgets Overview

Search Widgets are Vue components which can be used dynamically and natively in another web application. Search Widgets provide a seamless way to use our Search widgets in HTML sites as well as modern web frameworks (Angular, React, Vue) through the use if Custom Elements.

Search widgets support the most common web browsers Chrome, Firefox, IE11 (11.1130.17134.0)

## Widgets Architecture Overview

There are 3 types of Widgets that can be exported:\
1\. [Module Widgets](http://is-dev2.taiger.io/#/ui-catalog/module)\
2\. [Page Widgets](http://is-dev2.taiger.io/#/ui-catalog/page)\
3\. [Component Widgets](http://is-dev2.taiger.io/#/ui-catalog/component)

<div align="center"><img src="https://lh6.googleusercontent.com/V9rTGf7FXnvNKm_8QYZ8bM5f3XG_jSa48Kc-tuTGflQZXxLKYfxPORu49Z89x9_gfKMZEj220FMWG6QXVASTj9idBEJpU1uuuP_c3MwETGDC8pVBmasEfQ5DGa_74ozz5swaaxo" alt="Figure: Widgets Architecture Diagram"></div>

## Widgets Installation

To use Search Widgets, there are 3 external scripts that need to be imported to the hosting application:\
1\. Cascading Stylesheet (.css)\
2\. Configuration file (.js)\
3\. Javascript file (.js)

{% hint style="info" %}
For more information on how to install Search Widget, please refer [here](http://is-dev2.taiger.io/#/ui-catalog).&#x20;
{% endhint %}
